0

我有一个 jquery 图像滚动器，当到达最后一个时会<li>附加第一个<li>，依此类推。但是当我使用hover而不是onclick时，下面的代码不起作用

  jQuery("#gallery-next").click(function () {
     next_scroll();
 });

 function next_scroll() {
     if (jQuery("#gallery").position().left > stopPosition && !jQuery("#gallery").is(":animated")) {
         jQuery("#gallery").animate({
             left: "-=" + imageWidth + "px"
         });
     }
     if (jQuery("#gallery").position().left == stopPosition) {
         $("#gallery > li:first").appendTo("#gallery").fadeIn('slow');
         return false;
     }
 }

我应该怎么做才能使鼠标输入/悬停工作而不是单击功能。我在这个论坛上看到了其他非常相似的解决方案，但我无法使用这些解决方案。所以请用代码回答。这会很有帮助。 这是提前检查小提琴的链接谢谢

4

1 回答 1

1

如果我理解这个问题，你需要改变这个：

jQuery("#gallery-next").click(function () {
    next_scroll();
});

对于这个：

var timer = 0;
jQuery("#gallery-next").
mouseover(function () {
     //Call next_scroll() every two seconds
     timer = setInterval(next_scroll, 2000);})
.mouseout(function(){
     timer = clearInterval(timer);
});

更新：不是，对混乱setInterval()感到setTimeOut()抱歉，检查更新的小提琴

于 2013-01-23T07:35:00.670 回答