切换事件无缘无故隐藏我的div

Question

您好我有一个我要切换的复选框。当我第一次单击/检查时，它会启动setinterval（开始播放幻灯片），当我再次单击时，它会停止幻灯片放映（clearinterval）。但是没有理由，它隐藏/显示：当页面加载时没有我的复选框...

$("#start").toggle(function ()
            {
                var interval = setInterval(function() 
                {
                    alert("hey")
                    Img++
                    if (Img == 27)
                        {
                            Img = 0;
                        }
                    $("[src='images/slideshow2/carre/slideImg" + Img + ".jpg']").fadeIn()
                    $("#imgRonde").attr("src", "images/slideshow2/carre/slideImg" + Img + ".jpg");
                    $(".grandeurori").attr("href", "images/slideshow2/slideImg" + Img + ".jpg");
                }, 3000);


            }, function ()
            {
                clearInterval(interval)
            })

Hopefuly，你可以帮助我。

Answer 1

.toggle()不是在您的复选框上触发事件的方法。它是隐藏/显示的功能。您想使用.change()

http://api.jquery.com/toggle/

http://api.jquery.com/change/

Answer 2

您尝试使用的切换在jquery 1.9中被删除：

http://api.jquery.com/toggle-event/

而是调用此切换：

http://api.jquery.com/toggle/