0

所以现在我在 JQuery 中有一个小脚本，它允许我有一个折叠菜单。我的问题是，当我在我的页面上有这个脚本并点击子标题中的一个元素时，我没有被重定向到新页面（即，如果我当前在我的关于页面上并且我点击了联系信息，我被送回页面顶部）。我不确定我的脚本如何影响标签和 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 回答