引導程序3，合攏按鈕

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

preventDefault和stopPropagation之間的區別