2 に答える
1
あなたが探しているのは e.stopPropagation または e.preventDefault だと思います。js を使用してイベントを適用しているため、これにより、イベントのバブルアップ、つまりアンカーをクリックするアクションが停止します。ユーザーが js を有効にしていない場合、コードは実行されないため、アクションはアンカーのデフォルトの動作にフォールバックします。
$("#show-services").click(function(e){
e.preventDefault;
$(".content").load("our_service.html .content");
return false;
});
});
于 2012-05-04T14:03:04.843 に答える
1
このように機能する複数のリンクがページにある場合は、それらすべてに特定のクラス名を付けて、それらすべてをまとめてターゲットにできるようにすることをお勧めします。
$("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>
于 2012-05-04T14:03:24.687 に答える