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;
    });
});

当类激活时，保持Bootstrap 3下拉打开

1 个答案: