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