0

そのため、現在、メニューを折りたたむことができる小さなスクリプトを JQuery で作成しています。私の問題は、ページにこのスクリプトがあり、サブヘッダーの要素の 1 つをクリックすると、新しいページにリダイレクトされないことです (つまり、現在自分の概要ページにいて、連絡先情報をクリックすると、代わりにページのトップに戻ります)。スクリプトがタグと href にどのように影響するかわかりません。

JS:

$(document).ready(function() {
    $(".subheader").hide();
    $(".expand").click(function () {
        if ($(this).text() == "+") {
            $(this).text("-");
        } else {
            $(this).text("+");
        }
        $(this).parent().next(".subheader").slideToggle(500);
    });
});

HTML:

<div>
    <h3 class="heading"><a href="/about">About</a> <span class="expand">+</span></h3>
    <ul class="subheader">
        <li><a href="/about">about 1</a></li>
        <li><a href="/about">about 2</a></li>
        <li><a href="/about">about 3</a></li>
    </ul>
</div>
<div>
    <h3 class="heading"><a id="contact" href="contact">Contact Info</a> <span class="expand">+</span></h3>
    <ul class="subheader">
        <li><a href="contact">contact 1</a></li>
        <li><a href="contact">contact 2</a></li>
        <li><a href="contact">contact 3</a></li>
    </ul>
</div>
4

1 に答える 1

0

私のhrefのどれも私をリダイレクトしていない理由がわかりました。全てはこの一行のせいだった。それを削除した後、私のすべてのhrefは再び機能していました。したがって、将来誰かがこの問題に遭遇した場合は、HTML ファイル内にあるスクリプトを確認し、リンクが壊れる (または壊れない) 可能性がある重複行に注意してください。少なくとも私のインスタンスでは機能しました。

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
于 2013-06-21T18:26:20.177 に答える