强制jQuery内容滑块在悬停时暂停

如果有人可以帮助处理一些JavaScript代码，我将不胜感激。我有一个内容滑块，可以在这里找到： -强制jQuery内容滑块在悬停时暂停

这工作得很好，但我想，这样它会暂停在悬停更改下面的代码。有任何想法吗？

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
});

在此先感谢您的帮助。

亲切的问候

乔纳森

来源

2009-09-27 Jonathan Lyon

什么你要找的是stop方法。沿线的东西：

$(".ui-tabs-panel").mouseover(function(e) { 
    if($(this).is(':animated')) { 
     $(this).stop(); 
    } 
});

来源

2009-09-27 22:26:46 karim79

喜卡里姆感谢您的帮助。您可以帮助我的现有代码的语法语法 - 不知道在哪里或如何添加您的代码： - – 2009-09-27 22:40:07

@Jonathan Lyon - 从看你的页面，我发现动画发生在class =“。ui-tabs-panel”的div上。尝试添加上面的事件处理程序后，你打电话.tabs（... – karim79 2009-09-27 22:41:51

我试过了，它似乎并没有工作。主图像徘徊时空白。如果你可以拼写出我的代码 – 2009-09-27 22:46:56

看起来像你使用jQuery.UI。下面是我如何使用相同的库（的this tutorial提供）做了过去：

$(document).ready(function(){ 
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 
    $("#featured").hover( 
     function() { 
      $("#featured").tabs("rotate",0,true); 
     }, 
     function() { 
      $("#featured").tabs("rotate",5000,true); 
     } 
    ); 
});

来源

2009-09-27 23:05:31 richeym

我最初尝试过，只有当你没有点击thumbnail文本。如果你点击任何缩略图几次它的行为极其erractically。它要么停止工作或开始迅速和不同步的移动真的。 http://metalbuildinggroup.ca/contentslider/ – 2009-09-27 23:22:03

强制jQuery内容滑块在悬停时暂停

回答

相关问题