Jquery 如何在我想要的网页中使用无限滚动？

我正在使用一个无限滚动jQuery插件来实现类似Twitter的分页功能。现在，当我单击more链接时，请求将转到服务器，并以HTML形式给出响应。首先，我尝试使用jQuery模板，后来我更改了所有内容，因为我在网上没有发现使用JSON可以做到这一点

现在我有一个问题，只有代码没有将响应附加到页面上的现有内容。它只发送请求，从不附加到文档的现有模型中

插件演示：

http://www.infinite-scroll.com/trigger.html

我想要这样的代码

<div id="result">
    <ul>
        <li>
        </li>
        <li>
        </li>
        <li>
        </li>
        <li>
        </li>
    </ul>
</div>

---

你甚至不需要一个插件来实现这一点。这是通过jQuery的一些简单行完成的：

例如：

$（“a”）.live（“单击”，函数（）{
var data=“
文本3
”；
$（“ul”）。附加（数据）；
$（“li:hidden”）.fadeIn（'slow'）；
});

数据可以是任何内容（只要确保它不可见，以产生淡入淡出效果，并且您需要编辑li:hidden）。例如，它可能是ajax请求的结果。根据结果的类型（例如html或json），您需要准备它以使其适合您的html

---

如果您在ajax响应方面遇到问题，请发布代码。

您甚至不需要插件来完成此任务。这是通过jQuery的一些简单行完成的：

例如：

$（“a”）.live（“单击”，函数（）{
var data=“
文本3
”；
$（“ul”）。附加（数据）；
$（“li:hidden”）.fadeIn（'slow'）；
});

数据可以是任何内容（只要确保它不可见，以产生淡入淡出效果，并且您需要编辑li:hidden）。例如，它可能是ajax请求的结果。根据结果的类型（例如html或json），您需要准备它以使其适合您的html

---

如果您的ajax响应有问题，请发布代码。

您是对的。现在我明白了为什么每当我能自己写剧本的时候，我都会花很多时间在这上面。多谢你说得对。现在我明白了为什么每当我能自己写剧本的时候，我都会花很多时间在这上面。谢谢

 $('#result ul').infinitescroll({
        navSelector: "a#next:last",
        // selector for the paged navigation (it will be hidden)
        nextSelector: "a#next:last",
        // selector for the NEXT link (to page 2)
        itemSelector: "#result ul"
        // selector for all items you'll retrieve
    });

    // kill scroll binding
    $(window).unbind('.infscr');

    // hook up the manual click guy.
    $('a#next').click(function () {
        $(document).trigger('retrieve.infscr');
        return false;
    });

    // remove the paginator when we're done.
    $(document).ajaxError(function (e, xhr, opt) {
    });

$("a").live("click", function(){
    var data = "<li style='display:none'>Text3</li>";

    $("ul").append(data);
    $("li:hidden").fadeIn('slow');
});