14

Make Twitter Bootstrap navbar link activeという質問と同じ状況にありますが、この場合、ASP.net と MasterPages を使用しています...

navbar は masterpage で定義されており、menuitem をクリックすると、対応する子ページにリダイレクトされるため、各子ページのロジックを複製せずに navbar のアクティブな項目を変更するにはどうすればよいでしょうか? (マスターページのみでセッション変数と JavaScript を使用しないことが望ましい)

4

5 に答える 5

18

マスターページで次の機能を使用して解決しました。

 <script type="text/javascript">
        $(document).ready(function () {
            var url = window.location.pathname;
            var substr = url.split('/');
            var urlaspx = substr[substr.length-1];
            $('.nav').find('.active').removeClass('active');
            $('.nav li a').each(function () {
                if (this.href.indexOf(urlaspx) >= 0) {
                    $(this).parent().addClass('active');
                }
            });
        });
    </script>
于 2012-09-11T06:50:35.107 に答える
0

「sujit kinage」による解決策が私には最適でしたが、1 行変更する必要がありました。

var url = window.location.origin + window.location.pathname;
于 2016-08-28T08:16:06.077 に答える