引导选项卡鼠标事件

Question

大家好，我正在尝试修改引导选项卡插件，使其成为一个选项卡式菜单，以便它对鼠标悬停/鼠标悬停事件做出反应，而不是单击事件。到目前为止，我已经让它在鼠标悬停时打开选项卡窗格并在鼠标悬停时关闭，但问题是在鼠标悬停选项卡窗格关闭之前，用户可以在选项卡窗格中选择任何内容。如果鼠标在它们上方并且只有鼠标离开它们，我需要使选项卡窗格不隐藏。

这是我最终得到的 jQuery 代码

    (function ($) {
    $('.nav-tabs a').bind('mouseover mouseout', function(e){
        if(e.type == 'mouseover'){
            e.preventDefault();
            $(this).tab('show');
        }else{
            if($('.tab-pane').hasClass('active')){
                $(this).parent('li').removeClass('active');
                $('.tab-pane').removeClass('active');
            }
        }
      });
})(jQuery);

Answer 1

你可以这样做

   $('.nav-tabs a').bind('mouseover', function(e){
        $(this).click();
 });

Working fiddle

更新

  $('.nav-tabs a').bind('mouseover', function(e){
     $('.tab-content').show();
        $(this).click();
  });
  $('.nav-tabs').bind('mouseout', function(e){
     $('.nav-tabs li').removeClass('active');
     $('.tab-content').hide();
  });

Updated fiddle