jquery - 使用 jquery .load 获取内容时覆盖

Answer 1

我认为您正在寻找的是 e.stopPropagation 或 e.preventDefault。这将阻止事件冒泡，即单击锚点的动作，因为您正在使用 js 应用事件。如果用户未启用 js，则代码将不会运行，因此该操作将回退到锚点默认行为。

$("#show-services").click(function(e){
    e.preventDefault;
    $(".content").load("our_service.html .content");
    return false;
    });
});

Answer 2

如果您要在页面上有多个以这种方式工作的链接，我建议给它们一个特定的类名，这样您就可以共同定位它们：

$("nav").on("click", ".asyncLoad", function(event){
  event.preventDefault();
  $(".content").load( event.target.href + ' .content' );
});

这假设链接都在一个<nav>元素内：

<nav>
  <ul>
    <li><a class="asyncLoad" href="home.html">Home</a></li>
    <li><a class="asyncLoad" href="our_services.html">Our Services</a></li>
    <li><a class="asyncLoad" href="contact_us.html">Contact us</a></li>
  </ul>
</nav>