如何动态加载jscroll中的内容?

时间:2015-10-29 16:06:03

标签: jquery codeigniter jquery-jscroll

我在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);
    }
}

"视图" post是这样的,它使用转发的数据并显示它们像

<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>

文件infiscroll.js对jscroll函数进行简单调用,如:

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

因此,当我继续滚动时,它会一次又一次地加载相同的内容(这是我所期望的,因为我没有更改值)。但是我想弄清楚的是我可以用更新的值调用loadpost()函数,以便滚动导致加载新的post值。我找不到任何关于如何设计调用jscroll的视图文件的文档。因此,我期待这个社区能够指导如何开始启动,因为我对jscroll完全不熟悉,并且不知道如何使用它。

1 个答案:

答案 0 :(得分:2)

有一个名为“nextSelector”的参数。我将infiscroll.js文件更改为:

<p class="my-custom-class">
    <a href="http://www.example.com">Click me</a>
</p>

并在视图文件的末尾添加了一个锚标记:

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

$ pg是控制器中函数所需的更新变量。 我应该早些阅读有关此功能的内容,但文档令人惊讶地提到这是一个底色。希望这可以帮助处于类似情况的人。