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

时间:2013-02-08 20:18:31

标签: jquery setinterval

您好我有一个我要切换的复选框。当我第一次单击/检查时,它会启动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,你可以帮助我。

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

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

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

而是调用此切换:

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