Jquery 点击链接加载更多提要

Jquery 点击链接加载更多提要,jquery,ajax,Jquery,Ajax,我有一个脚本,可以让我的网站上的用户通过ajax点击链接(Lord more Feed)来阅读更多提要。这意味着有更多的内容可以阅读,但它隐藏的和onclick更多的提要会被显示出来,并且工作得非常完美。现在我正在为我的网站开发一个jquery移动站点版本,但脚本似乎不能像在网站上那样工作。当我点击更多的饲料它无法加载 $(function() { //More Button $('.more').live("click", function() { var id

我有一个脚本,可以让我的网站上的用户通过ajax点击链接(Lord more Feed)来阅读更多提要。这意味着有更多的内容可以阅读,但它隐藏的和onclick更多的提要会被显示出来,并且工作得非常完美。现在我正在为我的网站开发一个jquery移动站点版本,但脚本似乎不能像在网站上那样工作。当我点击更多的饲料它无法加载

$(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;

}); });