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

发布时间：2020-12-18 00:14:52 所属栏目：安全来源：网络整理

导读：如何让twitter bootstrap的菜单下拉列表悬停而不是点击？解决方法 1.鼠标悬停时隐藏下拉菜单。 $(document).ready(function() { $('.nav li.dropdown').hover(function() { $(this).addClass('open'); },function() { $(this).removeClass('open'); });});

如何让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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!