【问题标题】:bootstrap dropdown button: How to hide dropdown menu when click other part of page?引导下拉按钮:单击页面的其他部分时如何隐藏下拉菜单?
【发布时间】:2012-12-02 12:33:25
【问题描述】:

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

见上面的链接,当dropdown-menu显示时,带有btn-group的外部div会自动添加一个类“open”,当我点击页面的其他部分时,“open”类被删除,所以下拉菜单消失。

我的问题是how to impl "click other part of page so the "open" class is removed?

【问题讨论】:

    标签: javascript twitter-bootstrap


    【解决方案1】:

    您可以使用简单的 JavaScript 来重置:

    $("body").click(function(){
        $(".open").removeClass("open");
    });
    

    我不明白你为什么要问这个问题,因为这是由 BootStrap 自己处理的。

    【讨论】:

    • 我提取了它的一些组件来使用,可能是它的js处理的。
    • @PraveenKumar Bootstrap 当前侦听列表元素中或外部的点击事件以自动关闭下拉列表。在移动设备中,不使用点击事件。所以在他们解决这个问题之前,我们必须手动关闭下拉菜单。
    猜你喜欢
    • 1970-01-01
    • 2018-10-13
    • 2021-07-01
    • 2015-12-08
    • 2014-07-22
    • 2022-11-03
    • 2018-03-10
    • 1970-01-01
    • 2014-10-26
    相关资源
    最近更新 更多