jquery - 如何添加此脚本以使我的菜单在鼠标悬停时打开

Question

好的，所以基本上我已经完成了，但我想让这个菜单在鼠标悬停时打开。

$(function() {
    $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
    $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
  });

我希望这是鼠标悬停，因为现在需要单击它。悬停的脚本是

$(function() {
    $( "#tabs" ).tabs({
      event: "mouseover"
    });
  });

但是每次我将旧功能混合或覆盖到此悬停时，它都会破坏一切。多谢你们。

Answer 1

我认为你正在重新初始化整个事情，这就是为什么你把一切都搞砸了。

试试这个：

$(function() {
   $( "#tabs" ).tabs({event: "mouseover"}).addClass( "ui-tabs-vertical ui-helper-clearfix" );
   $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
});