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>