引导3，折叠按钮在<a>

bootstrap 3, collapse button in <a>

本文关键字：折叠 按钮 引导      更新时间：2023-09-26

我正在尝试创建一个折叠菜单，但是菜单应该通过点击箭头打开。

标签a中的

箭头;如何停止跟踪一个链接，如果点击箭头?

<ul id="menu_0" class="nav nav-stacked">
<li><a href="http://example.org">item<span class="pull-right"><i class="glyphicon glyphicon-chevron-left" type="button" data-parent="#menu_0" data-toggle="collapse" data-target="#menu_submenu_1"></i></span></a>
    <ul id="menu_submenu_1" class="nav nav-stacked collapse">
        <li><a href="http://example.org">subitem 1</a></li>
        <li><a href="http://example.org">subitem 2</a></li>
        <li><a href="http://example.org">subitem 3</a></li>
        <li><a href="http://example.org">subitem 4</a></li>
    </ul>
</li>
</ul>

我正在尝试这个，但是没有效果

$(function() {
    $('#menu_0 .pull-right').click(function(event){ event.stopPropagation();});
});

使用event.preventDefault()

$(function() {
    $('#menu_0 .pull-right').click(function(event){ event.preventDefault();});
});

preventDefault和stopPropagation的区别

相关文章：