0

これが私のHTMLセットアップの方法です。

<ul id="nav" class="nav">
  <li id="home"><a href="/Default.aspx">Home</a></li>
  <li id="ocr"><a href="/tools/ocr.aspx">OCR</a></li>
  <li id="contact"><a href="#contact">Contact</a></li>
</ul>

そして私のJQuery：

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

「return false」を追加して、ページの読み込みを停止すると、問題なく動作します。しかし、もちろん、ページはロードされません。正常に実行されると、JQuery が起動し、値がデフォルト ページに戻されます。

JQuery は、ページが読み込まれたときではなく、ListItem がクリックされたときに起動するため、マスター ページが読み込まれ、変更が元に戻されます。

マスターページでこれを最もよく達成する方法についてのアイデアはありますか? おそらくマスターページの問題が原因で、JSが機能しなかったため、JQueryに変更しました。

4

0 に答える 0