0

こんにちは、私の質問を見てくれてありがとう。コンテンツが別のファイルから動的に読み込まれるページの一部があります。その理由は、ライブ更新が必要だからです。現在、コンテンツの表示/非表示 (スライド、フェードなど) に通常使用される jquery 効果を適用して、現在のデータと新しいデータの違いをアニメーション化できるようにしたいと考えています。これは、コンテンツを取得して div にロードするために使用されるコードです。

    function k() {
        $.post("../includes/ajaxAgenda.php", {
            limit : value
        }, function(data) {
            $('#tab-agenda').html(data);
        });
    };
        $(document).ready(function() {
        k();
        $('#tab-agenda').scroll(function() {
            loadMore();
        });
    });
    var refreshId = setInterval(function() {
        k();
    }, 1000);

だから私の質問は、ロードされるものをアニメーション化して、あるコンテンツから別のコンテンツに「ポップ」しないようにする方法だと思いますか?

編集: .scroll の代わりに .live を使用してみましたが、うまくいかないようです:

$(document).ready(function() {
$('#tab-agenda').live("scroll",function() {
        alert("hi"); 
        loadMore();
    });
});
4

2 に答える 2

1

live動的に追加された要素をバインドするには、jqueryの関数を使用する必要があります。

参照：http ：//api.jquery.com/live/

これを試して ：

$('#tab-agenda').live("scroll",function() {
            loadMore();
        });
于 2013-02-22T12:41:16.853 に答える
0

以下のように、content/divに適切なcssを使用してajaxローダーイメージを追加することをお勧めします。

          function loadmore(){
          $("#loader").css('display','block');
           //your   
           //code 
           //here
           $("#loader").css('display','none');  
          }

         html 
         <img id="loader" src="ajax-loader.gif" style="display:none" />
         <div id="content">
               your cont to display
          </div>
于 2013-02-22T13:41:39.940 に答える