twitter-bootstrap - Bootstrap dropdown('toggle') メソッドが機能しない

Question

dropdown('toggle') メソッドでブートストラップ ドロップダウンを切り替えたいのですが、ドロップダウンを切り替えません (最初のクリックで開きますが、再度クリックしても閉じません)。dropdown('toggle') メソッドでのみ実行したい。次のコードを使用しています。

JavaScript-

$(function(){
    $(".dropdown-toggle").click(function(){
        $(this).dropdown('toggle');
    });
});

HTML-

<div class="dropdown">
    <a href="#" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something here</a></li>
    </ul>   
</div>

JavaScriptを使用してnavbarで複数のドロップダウンを手動で有効にする方法の例について教えていただければ幸いです.

コードのフィドル: http://jsfiddle.net/alaxmenon/HNL3c/

Answer 1

から削除data-toggle="dropdown"します<a>（まだある場合）

$(function() {
  $('.dropdown-toggle').click(function(e) {
    e.preventDefault();
    $(this).parent().toggleClass('open');
  });
});

Answer 2

$(function(){
    $(".dropdown-toggle").click(function(e){
        $(this).dropdown('toggle');
        return false;
    });
});

Answer 3

bootstrap-dropdown.js を使用します。ドロップダウンを切り替えるために追加の js を記述する必要はありません。

Answer 4

href="#" を href="javascript:void(0);" に置き換えます。