在jquerytools中手動更改選項卡以在鼠標超出選項卡容器時具有默認選項卡

Question

我有一個完美的工作jquerytools手風琴/選項卡，隨鼠標懸停而變化。

我希望當鼠標不在標籤容器中時，會激活默認選項卡，而不是最後激活的選項卡。

我的JavaScript如下：

$(function() { 
    $("#accordion").tabs("#accordion div", { 
    tabs: 'img.tab', 
    effect: 'fade', 
    event: 'mouseover' 
    });  
}); 

$('#accordion').mouseout(function(){ 
    // How should I activate a special tab? 
}); 

---

EDIT

#accordion容器的HTML：

與 class="tab"

<div id="accordion"> 
    <!-- accordion header #1 --> 
    <div> 
     <img src="img/sample-tab-content.png" /> 
    </div> 
    <img class="tab" src="./img/tab-title-activities.png" /> 

    <div> 
     <h3>apprenticeship</h3> 
     <p>Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat.</p> 
    </div> 
    <img class="tab" src="./img/tab-title-apprenticeship.png" /> 

    <div> 
     <h3>association</h3> 
     <p>Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna.</p> 
    </div> 
    <img class="tab" src="./img/tab-title-association.png" /> 
</div> 

圖像是選項卡及其以上HTML是標籤NTS。

我現在可以看到，我甚至遇到了#accordion容器的mouseout事件。

即使下面的代碼無法正常工作：給出

$('#accordion').mouseout(function(){ 
    alert('done'); 
}) 

警報兩次當鼠標進入任何一個的#container孩子。

---

EDIT 2

我不得不使用mouseleave，而不是mouseout作爲事件，這把我們帶回的主要問題（選擇默認選項卡）：

$('#accordion').mouseleave(function(){ 
    $('#accordion').tabs('select', 1); 
}) 

該代碼停止更改標籤並徹底損壞標籤欄。

Answer 1

更新

$('#accordion').leave(function(){ 
    // How should I activate a special tab? 
    var $accordion = $("#accordion").accordion(); 
    $accordion.accordion("option","active",1); //go to first tab on mouseleave 

}); 

是你需要什麼:)）