Javascript Bootstrap 3下拉菜单在单击下拉菜单中的任何内容时保持显示

我想让Bootstrap 3下拉菜单在单击下拉菜单中的任意位置时可见。但当点击下拉菜单之外的任何地方时，它将被隐藏

<li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Location <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Bangladesh</a></li>
                            <li><a href="#">USA</a></li>
                            <li><a href="#">Canada</a></li>
                            <li><a href="#">Japan</a></li>
                            <li><a href="#">China</a></li>
                        </ul>
                    </li>

试试这个

HTML

下拉列表

---

单击ul中的任何内容时，您可以通过返回false来执行此操作：

$(function(){
    $("#open").find("ul").on("click", function(){

        return false;

    }); 
});

---

当我单击下拉菜单的外侧时，它不会隐藏，当我从下拉菜单中选择任何内容时，它会隐藏menu@user2946921没问题：）

$(function(){
    $("#open").find("ul").on("click", function(){

        return false;

    }); 
});