的jQuery UI選項卡上懸停

我在旋轉器的工作使用jQuery UI的和可以得到它懸停暫停與此旋轉停頓：的jQuery UI選項卡上懸停

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

這唯一的問題是，它停在最後一個項目的清單，並不會通過第一個項目旋轉，除非我做到這一點：

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

但是然後懸停不起作用。

任何想法如何讓它在列表中循環並暫停懸停？

來源

2013-03-01 user1356871

您能否在[jsFiddle]（http://jsfiddle.net/）中提供一個快速示例，以便我們可以看到其他任何影響ul的代碼？ – Walls 2013-03-01 21:36:21

請提供jsfiddle請 – Dom 2013-03-01 23:21:30

好的，對不起，我花了很長時間才找回來。我有它在這裏運行：[鏈接] http://jsfiddle.net/steveeller/5W6Fw/它正在與一個懸停...排序。只要你保持鼠標在旋轉器上移動。一旦你停下來，輪轉就會重新開始。我對此有些好。真正的問題是：1.他不會在列表中循環。它到達項目5，然後用空白背景顯示主區域並停止旋轉。我嘗試過讓#rotator> ul，並且它正確地循環旋轉，但是我失去了暫停功能。 – user1356871 2013-03-05 19:05:25

出於某種原因，我有一個真正舊版本的jQuery和jQuery UI。我更新了我們在我們網站上運行的版本（1.7.2和jQuery UI 1.82）。可以運行最新版本，但是我們對遺留代碼有太多問題。

來源

2013-03-05 22:04:38 user1356871

夥計！我剛剛提交了一個擴展，使懸停jQuery UI選項卡 jQuery UI Tabs Rotate: Pause on Hover

享受它！

來源

2013-03-17 14:13:16

的jQuery UI選項卡上懸停

回答

相關問題