引导崩溃，jquery处于活动状态

ie3xauqp 于 2022-12-03 发布在 jQuery

关注(0)|答案(1)|浏览(119)

你好，我用bootstrap javascript插件做了一个可折叠的折叠菜单，这个菜单很好用，但是我想知道，当从菜单加载一个新页面时，是否可以使用jquery活动类来保持菜单在当前位置打开。我只是在学习javascript，因此不确定我会怎么做。
这是我的菜单的一些html：

<div id="nav">                     
         <div id="accordion">           
             <div class="heading">  
             <a class="accordion-toggle nav-main-item" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">About</a>
             </div><!--ends heading--> 
             <div id="collapseOne" class="collapse">
                 <ul>
                 <li><a class="nav-sub-item" href="about.html">me</a></li>
                 <li><a class="nav-sub-item" href="articles.html">articles</a></li>
            </ul>
             </div><!--ends collapseOne-->
         </div>
     </div>

“我”和“文章”打开时，点击“关于”，这两个链接到一个新的页面。我希望菜单保持打开时，点击这些链接。

jquery

来源：https://stackoverflow.com/questions/18992526/bootstrap-collapse-jquery-active

1条答案

按热度按时间

xbp102n01#

在您的collapseOne上添加in类将使accordion在默认情况下打开。

<div id="nav">
    <div id="accordion">
        <div class="heading"> <a id="about" class="accordion-toggle nav-main-item" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">About</a>

        </div>
        <!--ends heading-->
        <div id="collapseOne" class="collapse">
            <ul>
                <li><a class="nav-sub-item" href="about.html">me</a>

                </li>
                <li><a class="nav-sub-item" href="articles.html">articles</a>

                </li>
            </ul>
        </div>
        <!--ends collapseOne-->
    </div>
</div>

<script>
    $(function() {
       $('#collapseOne').addClass('in'); 
    });
</script>

JSFiddle中的示例
http://jsfiddle.net/zw3ZU/

赞(0）回复(0）举报 2022-12-03

我来回答

引导崩溃，jquery处于活动状态

1条答案

相关问题

热门标签

最新问答