如何在Ajax加载的内容上使用jQuery效果


How can I use jQuery effects on Ajax loaded content?

嗨,谢谢你花点时间来看我的问题。我有一部分页面的内容是从另一个文件动态加载到其中的。原因是它需要实时更新。现在,我希望能够应用通常用于显示/隐藏内容(幻灯片、淡入淡出等)的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);

所以我想我的问题是,我如何将加载的内容设置为动画,这样它就不会从一个内容"弹出"到另一个内容?

编辑:我试着用.live代替.roll,但似乎不起作用:

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

您需要使用jquery的live函数来绑定动态添加的元素。

参考编号:http://api.jquery.com/live/

试试这个:

$('#tab-agenda').live("scroll",function() {
            loadMore();
        });

我建议您在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>