点击链接加载更多Feed

时间:2014-12-29 08:23:24

标签: jquery ajax

我有一个脚本,可以让我网站上的用户通过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;

    });
});

请帮助

2 个答案:

答案 0 :(得分:1)

如果您使用的是较新版本的jquery。不推荐使用.live()方法。

  

从jQuery 1.7开始,不推荐使用.live()方法。使用.on()来   附加事件处理程序。旧版jQuery的用户应该使用   .delegate()优先于.live()。

来自http://api.jquery.com/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;向下滚动以查看效果。

我在这里有相同的答案..

How to show "load more stories" in my jsp web application?