1

我有一个完美的工作 jquerytools 手风琴/标签，随着鼠标悬停而变化。

我希望当鼠标离开选项卡容器时，激活默认选项卡而不是最后激活的选项卡。

我的javascript如下：

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

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

编辑

#accordion容器的 HTML ：

<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>

带有标签的图像class="tab"和它们上面的 HTML 是标签内容。

我现在可以看到我在检测容器mouseout事件方面甚至有问题。#accordion

即使以下代码也不起作用：

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

当鼠标进入#container.

编辑 2

我不得不使用mouseleave而不是mouseout作为事件，这让我们回到了主要问题（选择默认选项卡）：

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

该代码阻止选项卡更改并完全损坏选项卡栏。

4

1 回答 1

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

});

是你需要的:))

于 2013-08-31T21:02:09.033 回答