強制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內容滑塊在懸停時暫停

回答

相關問題