首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当类活动时保持引导带3下拉式打开

当类活动时保持引导带3下拉式打开
EN

Stack Overflow用户
提问于 2014-01-16 16:02:04
回答 1查看 6.1K关注 0票数 2

首先,你好,谢谢。“其次,当下拉列表具有类活动时,我需要引导3下拉菜单保持打开。”如果有人对此有问题,请使用@Luceos解决方案。

代码语言:javascript
运行
复制
<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>

"Active class是通过php添加的,但是当活动类在链接3或3和3-1,3和3-2,3和3-3加载时,如何实现下拉列表打开?“如果下拉列表类在页面加载时处于活动状态,则下拉列表是打开的,并且不会关闭。

解决方案:

代码语言:javascript
运行
复制
$(function(){
$(".dropdown.active").toggleClass("open",true);
$(".dropdown.active").on("hide.bs.dropdown",function(e) {
    e.preventDefault();
    return false;
});
});
EN

回答 1

Stack Overflow用户

发布于 2014-01-17 10:37:57

根据规范,您可以将类open添加到列表项中,以便在浏览器加载时打开它。

代码语言:javascript
运行
复制
// listen for browser/jquery ready
$(function()
{
    $(".dropdown.active").toggleClass("open",true);
});

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

代码语言:javascript
运行
复制
$(function()
{
    $(".dropdown.active").on("hide.bs.dropdown",function(e) {
        e.preventDefault();
        return false;
    });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21166767

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档