Question

所以现在我在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>

Answer 1

我弄清楚为什么我的href都没有重定向我。这完全是因为这一行。删除后，我所有的href都在重新工作。因此，如果有人在将来遇到这个问题，请确保检查HTML文件中的哪些脚本并注意重复的行，因为它们可能（或可能不会）破坏您的链接。它至少适用于我的实例。

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

点击带有hrefs的标签不要重定向我

1 个答案: