2012-03-12 109 views
1

我試圖在點擊一個<a>時通過ajax加載內容。我使用的代碼:頁面跳轉加載Ajax內容後

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    // ajax pagination 
    jQuery('.znn_paginate a').live('click', function(){ 
     var link = jQuery(this).attr('href'); 
     jQuery('.lay1').html('<div class="zn_ajaxwrap"><div class="zn_ajax"></div></div>'); 
     jQuery('.lay1').fadeOut("slow").load(link+' .post').fadeIn('slow'); 

    }); 
}); // end ready function 
</script> 

問題是當內容加載頁面跳轉到頂部。我努力阻止:e.preventDefault();但是,然後停止了ajax加載。我想它停止了防止阿賈克斯加載太..

有沒有解決這個? 謝謝

P.S:我在wordpress上使用它。下面是我跟着教程:http://seonix.org/wordpress-seo/easy-ajax-pagination/

編輯


有一些錯誤的代碼。我現在用的這個沒有任何問題:http://pastebin.com/vbXqmTHq

回答

1

兩件事情:

你的函數()應該返回false。

還鏈接本身應該具有的href =「JavaScript的:無效(0);

+0

的''標籤具有連接到他們和其自動生成的鏈接:'1'當我加回假AJAX裝載 – Towfiq 2012-03-12 18:51:43

+0

你可以粘貼你的新函數並返回false嗎?或者說明你把它放在你的函數中的位置嗎? – kclair 2012-03-12 19:14:30

+0

我正在測試我的本地服務器。對於快速加載,很難分辨ajax我嘗試着將我的主題上傳到Web服務器上,並且看起來像ajax負載不起作用,下面是鏈接(您可以在標題區找到代碼):http://tritonlite.towfiqi。 com/test/-thanks – Towfiq 2012-03-12 19:22:26