我有一个脚本,可以让我网站上的用户通过ajax点击链接(Lord More Feeds)阅读更多提要。意思是还有更多要阅读,但它隐藏和onclick更多的饲料显示,它完美地工作。现在我正在开发我的网站的jquery移动网站版本,但似乎脚本无法像在网站上那样工作。当我点击Lord More feed它无法加载
$(function() {
//More Button
$('.more').live("click", function() {
var id = $(this).attr("id");
if (id) {
$("#more" + id).html('<img src="moreajax.gif" />');
$.ajax({
type: "POST",
url: "source_more.asp",
data: "lastmsg=" + id,
cache: false,
success: function(html) {
$("ol#updates").append(html);
$("#more" + id).remove();
}
});
} else {
$(".morebox").html('The End');
}
return false;
});
});
请帮助
答案 0 :(得分:1)
如果您使用的是较新版本的jquery。不推荐使用.live()方法。
从jQuery 1.7开始,不推荐使用.live()方法。使用.on()来 附加事件处理程序。旧版jQuery的用户应该使用 .delegate()优先于.live()。
这里是对代码应用的.on()函数的用法:
$(function(){
//More Button $(document).on("click",".more", function() { var id = $(this).attr("id"); if (id) { $("#more" + id).html('<img src="moreajax.gif" />'); $.ajax({ type: "POST", url: "source_more.asp", data: "lastmsg=" + id, cache: false, success: function(html) { $("ol#updates").append(html); $("#more" + id).remove(); } }); } else { $(".morebox").html('The End'); } return false; }); });
答案 1 :(得分:0)
这正是您所需要的。
https://github.com/paulirish/infinite-scroll - &gt;可以使用jQuery集成
http://www.infinite-scroll.com/ - &gt;向下滚动以查看效果。
我在这里有相同的答案..