[英]Suppress anchor tag <a> href when using jquery
我有以下代碼:
<script type="text/javascript">
$(document).ready(function()
{
$("#thang").load("http://www.yahoo.com");
$(".SmoothLink").click( function()
{
$("#thang").fadeOut();
$("#thang").load($(this).attr("href"));
$("#thang").fadeIn();
});
});
</script>
<a href="http://www.google.com" id="thelink" class="SmoothLink">click here</a><br /><br />
<div style="border: 1px solid blue;" id="thang">
</div>
我想要實現的是一個快速簡單的方法來ajax-ify一個網站,只需在我想要加載到div的某些鏈接上放一個類。 我遇到的問題是正常的錨操作被觸發,只是正常重定向到鏈接href。 如何抑制正常的錨定動作?
通常:
$('a').click(function(e) {
//prevent the 'following' behaviour of hyperlinks by preventing the default action
e.preventDefault();
//do stuff
});
要么:
$('a').click(function(e) {
//do stuff
//equivalent to e.preventDefault AND e.stopPropagation()
return false;
});
更多信息:
http://docs.jquery.com/Events/jQuery.Event#event.preventDefault.28.29
關於return false
和e.preventDefault()
之間區別的上一個問題:
與您的問題不完全相關,但不是這樣做...
$("#thang").fadeOut();
$("#thang").load($(this).attr("href"));
$("#thang").fadeIn();
... jQuery旨在讓您鏈接方法,如下:
$("#thang").fadeOut().load($(this).attr("href")).fadeIn();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.