jquery - Twitter ブートストラップ アクティブ ナビゲーション リンク

Question

ナビゲーション リンクを押してアクティブなままにしておくと、ナビゲーション リンクをアクティブに設定しようとしていますが、正常に動作しますが、この jQuery スクリプトを適用すると、他の .html ページへのリンクを開くことができません。これは私のマークアップです:

        <ul class="nav">
          <li><a href="#">Home</a></li>
          <li><a href="#blog">Blog</a></li>
          <li><a href="about.html">About Me</a></li>
          <li><a href="#contact">Contact Me</a></li>
        </ul>

...そして私のjQuery：

    <script>
    $(document).ready(function () {
        $('ul.nav > li').click(function (e) {
            e.preventDefault();
            $('ul.nav > li').removeClass('active');
            $(this).addClass('active');                
        });            
    });
    </script>

どんな助けにも感謝します。

Answer 1

これは私のコードです:

$(function () {

       $(document).on('click', '.ul.nav li', function () {
            var $this = $(this);

            $this.siblings('li').removeClass('active');
            $this.addClass('active');

            return false;
        });

}