2012-03-12 23 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の読み込みが停止しました。私は

は、このための任意の修正があります...それはあまりにもAjaxのロードを防ぐ停止思いますか? おかげ

P.S:私はワードプレスでそれを使用しています。ここで私は、その後のチュートリアルは、次のとおりです。http://seonix.org/wordpress-seo/easy-ajax-pagination/

EDIT


コードに何か問題がありました。私は今、何の問題もなく、これを使用しています:http://pastebin.com/vbXqmTHq

答えて

1

二つのこと:

あなたの関数()はfalseを返す必要があります。

もリンク自体はHREF = "javascriptを持っている必要があります:void(0);

+0

' 'タグがそれらに接続されたリンクを有し、その自動生成:1' 'と私は偽のAjaxロードを返す追加したとき – Towfiq

+0

戻り値falseで新しい関数を貼り付けることができますか?関数にどこに配置するのかを指定できますか? – kclair

+0

ローカルサーバーでテストしていましたが、高速ロードではajax実際に動作しているかどうかはわかりません。Webサーバーにテーマをアップロードしようとしましたが、ajaxのロードが機能していないように見えます(http://tritonlite.towfiqiというリンクがあります)。 com/test/-thanks – Towfiq

関連する問題