由于jQuery，来自另一个页面的锚链接/部分不起作用

Question

我在这里有关于锚链接/部分的问题。所以我有这个index.html和rooms.html

在index.html上一切正常，每个锚链接都正常工作（跳转到某个部分）

问题是，在我的room.html中，它不起作用。我试图声明一个指向index.html的每个部分的链接（你可以在代码中看到它）。但没有人工作。

直到我删除jQuery脚本声明，突然锚链接正常工作。所以我的问题是，我该如何解决这个问题？因为我在页面上需要jQuery

非常感谢

Answer 1

在index.html中阅读第33行。注释表示＆＃34;这将防止默认行为＆＃34;，例如。它不会正常工作。我要做的是让你的jQuery滚动脚本只针对页面上的特定锚点，目的是滚动。例如，你想要平滑滚动的所有那些，给它们一个.smooth-scroll类，并在jQuery中定位该类。但是很有可能，你必须重新思考你顺利滚动的方式

Answer 2

这是因为您具有以下功能：

 $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== ""){
      // Prevent default anchor click behavior
      event.preventDefault();

其中也试图平滑外部链接，但这不起作用。您需要重新考虑smoothscrolling实现，以便搜索href以“＃”开头的锚标记。

Answer 3

尝试在a标签中添加：rel =“external”。如果这没有帮助，请尝试将其替换为data-ajax =“false”。