bootstrap 3，折叠按钮<a>

Question

我试图创建一个折叠菜单，但菜单应该通过单击箭头打开。

标签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();}); 
}); 

Answer 1

使用event.preventDefault()

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

difference between preventDefault and stopPropagation