Question

我的网站上有旋转木马。 http://blog.vishopper.com/我已将其更改为在相应标签上的.mouseover 1秒后转到特定幻灯片。

现在我希望滑块在特定幻灯片上暂停，而不是继续循环。

这是滑块的代码。

if($('#zSlider').length != 0){

  $('#zSlider').carousel({interval: parseInt(zAlive_i18n.slider_pause_time) }).bind('slid',function(){

    $('#zSlider .description li.active').removeClass('active');

    $('#zSlider .description li:eq(' + $('#zSlider .carousel-inner .active').index('#zSlider .carousel-inner .item') + ')').addClass('active');

  });

  $('#zSlider .description li').mouseover(function(){
  var me = this;
  setTimeout(function() {
    $('#zSlider').carousel($(me).index('#zSlider .description li'));
  }, 1000);
  });

  $('#zSlider .description li').hover(

    function(){$(this).addClass('over')},

    function(){$(this).removeClass('over')}

  );

}

还有其他问题，但我会先尝试排序。暂停是默认行为，但它似乎已经破裂。

Answer 1

在鼠标悬停时，将它设为clearInterval（foo），当您将鼠标移出时，它会重置间隔。好像你可能正在使用插件？这使得控制由它设置的间隔变得更加困难。这是一般的想法。

暂停在jquery中悬停

1 个答案: