jqueryui选项卡mouseover和mouseleave

我希望为我的jquery选项卡创建一个简单的mouseleave功能。我一整天都在寻找解决办法，但似乎什么都不管用

$( "#tabs" ).tabs({
    selected: -1,
    event: "mouseover"
});

这将创建我正在寻找的初步功能，但是我希望选项卡返回到mouseleave上的“selected:-1”

有人能解决看似简单的问题吗

谢谢，克里斯，这行吗

$("#tabs").mouseout(function () {
    selected: 1
}).mouseover(function () {
    selected: -1
});

奇怪的是，

.tabs（“选择“，“-1”）

实际上进入第一个选项卡，而不是初始状态。也许有更好的方法，但这是可行的：

基本上，当鼠标离开时，移除并重新添加选项卡。

尝试以下操作：

$( "#tabs" )
    .tabs({
        selected: -1,
        event: "mouseover"
    })
    .mouseleave(function(){
        $(this).tabs("option", "selected", -1);                           
    })
;

使用

选项卡（“选项”，“选定”，xxx）

，我们更改选定的选项卡（jquery ui文档）

---

希望这有帮助。干杯

我正努力完成你想做的事情。我做的事情有点不同，但我找到了一种方法

我的设置是这样的。选项卡1实际上是隐藏的，并用作默认面板。Tab2到Tab5是我的可见按钮。将鼠标悬停在这些图标上，它们会显示div及其相应的内容

因此，我修改了代码并提出了自己的解决方案，因为上面的解决方案似乎不适合我。这可能是因为我修改第一个选项卡的方式

我不能得到“选项”，“选择”来做任何事情，所以我用这个代替。我只在Chrome浏览器中测试过这个。在那里效果很好

要在鼠标移出时显示初始默认面板，我只需执行以下操作：

jQuery( "#tabs" ).tabs({ selected: -1, event: "mouseover" }).mouseleave(
       function(){ 
            jQuery(this).tabs( "option", "active", 0 ); console.log('out'); 
        });