如何在jscroll中动态加载内容

Question

我在codeigniter中有一个控制器，它加载如下帖子：

public function loadpost($pg, $count = 2) {
    $offset = ($pg - 1)*$count;
    $this->load->model('posts');
    $posts = $this->posts->fetch_post($offset,$count);
    foreach ($posts as $post_item) {
        $data['post_item'] = $post_item;
        $t = $post_item['timestamp'];
        $telap = $this->time_elapsed($t);
        $data['time'] = $telap;
        $this->load->view('posts', $data);
    }
}

"查看"帖子是这样的，它使用转发的数据并像一样显示它们

<script type="text/javascript" src="<?php echo base_url(); ?>scripts/infiscroll.js"></script>
<div id="jscroll-container" class="jscroll">
<div class="row">Lots of content lines</div>
<div>

文件inficscroll.js对jscroll函数进行了一个简单的调用，如：

$(document).ready(function () {
$('.jscroll').jscroll();
});

因此，当我继续滚动时，它会一次又一次地加载相同的内容（这是我所期望的，因为我没有更改值）。然而，我想弄清楚的是，在哪里可以用更新的值调用loadpost（）函数，以便滚动加载新的post值。我找不到任何关于如何设计调用jscroll的视图文件的文档。因此，我期待着这个社区提供如何进行初始化的指导，因为我对jscroll完全陌生，不知道如何使用它。

Answer 1

有一个名为"nextSelector"的参数。我将inficscroll.js文件更改为：

$('.jscroll').jscroll({
    nextSelector: 'a.next-selector:last'
});

并在视图文件的末尾添加了一个锚标签，作为：

<script type="text/javascript" src="<?php echo base_url(); ?>scripts/infiscroll.js"></script>
<div id="jscroll-container" class="jscroll">
<div class="row">Lots of content lines</div>
<a href="<?php $pg++; echo base_url('index.php/home/loadpost/'.$pg) ?>" class='next-selector'></a>
<div>

$pg是控制器中的函数所需的更新变量。我本应该早点读到这个功能，但文档中出人意料地提到了这一点。希望这能帮助到和我处境相似的人。