使用jQuery插件无限滚动twitter风格

时间:2011-08-04 16:13:12

标签: php jquery-plugins infinite-scroll

我正在尝试使用jQuery的插件,以实现Twitter类型的滚动;意思是当我到达底部时,通过单击按钮加载下一页。我添加了基本代码:

$('#content').infinitescroll({
    navSelector  : "div.navigation",            
    nextSelector : "div.navigation a:first",    
    itemSelector : "#content div.message"          
});

加载页面时,会执行上一个脚本。这是我的视图代码,其中每个项目都是“post”,属于“message”类。

    foreach($messages as $post): ?>
        <div class="message" style="margin-top:10px;">
        <?php 
           if ($post->parent_message_id==null){
               $this->renderPartial('_messageView',array(
                    'data'=>$post,
                    'ligaId'=>$model->id,
                   ));
           }
        ?> 
        </div>
        <?php 
    endforeach; ?>

我真的不知道如何实现这个...如何使用这个扩展。有人用过吗?

1 个答案:

答案 0 :(得分:0)

看看:infinite-scroll jquery plugin

我有一个类似的问题,并找到答案来帮助我。