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

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" );
});