Bootstrap导航条鼠标悬停显示二级菜单

网站技术 ayflying 3079℃ 评论

Bootstrap的导航条,需要鼠标点击才能显示二级菜单,如果需要改为鼠标悬停就显示二级菜单,用JQuery的鼠标事件就可实现,代码如下:

$(document).ready(function(){
    var $dropdownLi = $('li.dropdown');
    $dropdownLi.mouseover(function() {
        $(this).addClass('open');
    }).mouseout(function() {
        $(this).removeClass('open');
    });	
});


转载请注明:七彩悠悠博客 | 心悠悠 情悠悠 » Bootstrap导航条鼠标悬停显示二级菜单

高效,专业,悠悠博客

联系我们