当课程处于活动状态时，保持 Bootstrap 3 Dropdown 打开

Question

首先您好，谢谢。 “第二，我需要 bootstrap 3 下拉菜单在下拉菜单处于活动状态时保持打开状态。” 如果有人对此有疑问，感谢@Luceos

<ul class="nav navbar-nav">
<li><a href="#">1</a></li>
<li><a href="#>2</a></li>
<li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">3<b class="caret"></b></a>
    <ul class="dropdown-menu">
        <ul class="list-inline">
            <li><a href="#">3-1</a></li>
            <li><a href="#">3-2</a></li>
            <li class="active"><a href="#">3-3</a></li>
        </ul>
    </ul>
</li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>

"活动类是通过 php 添加的，但是当活动类在链接 3 或 3 和 3-1、3 和 3-2,3 和 3-3 时，如何实现该下拉菜单加载了吗？” 如果页面加载时下拉类处于活动状态，则下拉菜单处于打开状态并防止被关闭。

解决方案：

$(function(){
$(".dropdown.active").toggleClass("open",true);
$(".dropdown.active").on("hide.bs.dropdown",function(e) {
    e.preventDefault();
    return false;
});
});

Answer 1

根据this 规范，您可以将open 类添加到列表项以使其在浏览器加载时打开..

// listen for browser/jquery ready
$(function()
{
    $(".dropdown.active").toggleClass("open",true);
});

我看你也想阻止它被关闭？

$(function()
{
    $(".dropdown.active").on("hide.bs.dropdown",function(e) {
        e.preventDefault();
        return false;
    });
});