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

Question

您好，感谢您花一些时间来查看我的问题。我有一部分页面的内容是从另一个文件动态加载的。原因是它需要实时更新。现在我希望能够应用通常用于显示/隐藏内容（幻灯片、淡入淡出等）的 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 而不是 .scroll 但它似乎不起作用：

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

Answer 1

您需要使用livejquery 的功能来绑定动态添加的元素。

参考：http ://api.jquery.com/live/

尝试这个 ：

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

Answer 2

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