Jquery 点击链接加载更多提要
我有一个脚本,可以让我的网站上的用户通过ajax点击链接(Lord more Feed)来阅读更多提要。这意味着有更多的内容可以阅读,但它隐藏的和onclick更多的提要会被显示出来,并且工作得非常完美。现在我正在为我的网站开发一个jquery移动站点版本,但脚本似乎不能像在网站上那样工作。当我点击更多的饲料它无法加载Jquery 点击链接加载更多提要,jquery,ajax,Jquery,Ajax,我有一个脚本,可以让我的网站上的用户通过ajax点击链接(Lord more Feed)来阅读更多提要。这意味着有更多的内容可以阅读,但它隐藏的和onclick更多的提要会被显示出来,并且工作得非常完美。现在我正在为我的网站开发一个jquery移动站点版本,但脚本似乎不能像在网站上那样工作。当我点击更多的饲料它无法加载 $(function() { //More Button $('.more').live("click", function() { var id
$(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;
});
});
$(函数(){
//更多按钮
$('.more').live(“单击”,函数(){
var id=$(this.attr(“id”);
如果(id){
$(“#更多”+id).html(“”);
$.ajax({
类型:“POST”,
url:“source_more.asp”,
数据:“lastmsg=“+id,
cache:false,
成功:函数(html){
$(“ol#更新”).append(html);
$(“#更多”+id).remove();
}
});
}否则{
$(“.morebox”).html(“结尾”);
}
返回false;
});
});
如果您使用的是较新版本的jquery,请提供帮助。.live()方法已弃用 从jQuery1.7开始,不推荐使用.live()方法。使用.on()来 附加事件处理程序。jQuery旧版本的用户应使用 .delegate()优先于.live() 从 下面是应用于代码的.on()函数的用法: $(函数(){
//更多按钮
$(文档).on(“单击“,”.more”,函数(){
var id=$(this.attr(“id”);
如果(id){
$(“#更多”+id).html(“”);
$.ajax({
类型:“POST”,
url:“source_more.asp”,
数据:“lastmsg=“+id,
cache:false,
成功:函数(html){
$(“ol#更新”).append(html);
$(“#更多”+id).remove();
}
});
}否则{
$(“.morebox”).html(“结尾”);
}
返回false;
}); });
这正是你需要的 -->可以使用jQuery进行集成 -->向下滚动到底部以查看效果 我这里有同样的答案
您使用的是哪个版本的jquery?
。live
已在jquery 1.9中删除。您应该在上使用。我使用的是v1.8.3版。请您在我的代码中对它进行表述,因为我是jquery新手,当我单击时,仍然没有发生任何事情。我正在使用jqueryany的1.8.3版发布你的html到问题?
//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;
}); });