如何推遲jQuery TOOLS選項卡更改？

Question

我有jQuery TOOLS選項卡的問題。我將事件設置爲mouseover，如果我將鼠標移動得太快，則出現更多窗格。有沒有辦法延遲標籤的切換或修復？

Answer 1

重讀後，我明白你的問題是什麼。當使用event:'mouseover'和effect:'fade'並且在標籤上移動速度非常快時，多個標籤頁可能會在最後保持打開狀態。

看看標籤的源代碼。根據標籤代碼，我爲您提供了一個自定義的myfade效果，可以消除您的問題。

//add custom effect with name myfade 
$.tools.tabs.addEffect("myfade", function(i, done) { 
    var conf = this.getConf(), 
    speed = conf.fadeOutSpeed, 
    panes = this.getPanes(); 
    panes.stop(true,true); 

    if (speed) { 
     panes.fadeOut(speed); 
    } else { 
     panes.hide(); 
    } 
    panes.eq(i).fadeIn(conf.fadeInSpeed, done); 
}); 
.... 
$(selectorForTabs).tabs({event:'mouseover', effect:'myfade'}); 

---

我無法重現你的問題（順便說一句，你描述的很含糊，也沒有提供任何的JavaScript/HTML代碼，這可能會提供一些洞察到你的問題）。

檢查這裏的樣本，其中（無論你如何快速移動鼠標，你只能看到一個選項卡）

jQuery Tools Tabs: Using mouseover to switch tabs