下拉菜单 – 如何在悬停时制作Bootstrap的下拉菜单?

前端之家收集整理的这篇文章主要介绍了下拉菜单 – 如何在悬停时制作Bootstrap的下拉菜单?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何让twitter bootstrap的菜单下拉列表悬停而不是点击?

解决方法

1.鼠标悬停时隐藏下拉菜单
$(document).ready(function() {
    $('.nav li.dropdown').hover(function() {
        $(this).addClass('open');
    },function() {
        $(this).removeClass('open');
    });
});

2.点击下方隐藏下拉菜单

$(document).ready(function() {
    $('.nav li.dropdown').hover(function() {
        $(this).addClass('open');
    });
});

http://jsfiddle.net/7yMsQ/1/

猜你在找的Bootstrap相关文章