[英]Infinite scroll jquery plugin didn't work
我正在尝试使用无限滚动jquery插件将无限滚动添加到codeigniter的分页中。 但是没有成功
这是我的控制器:
$config['base_url'] = site_url('news/home/');
$config['total_rows'] = $this->home_model->count_new();
$config['per_page'] = 3;
$config['uri_segment'] = 3;
$config['limit'] = $config['per_page'];
$this->pagination->initialize($config);
$data['news'] = $this->home_model->list_data_new($config['per_page'], $this->uri->segment($config['uri_segment']));
$this->load->view('news_view',$data);
这是我的看法:
<div id="content">
<?php foreach ($news as $data):?>
<?php echo $data['title']?>
Post by: <?php echo $data['username']?>
<?php endforeach;?>
</div>
<button id="next">load more</button>
而且这也是javascript中的视图:
$('#content').infinitescroll({
navSelector : "#next:last",
// selector for the paged navigation (it will be hidden)
nextSelector : "#next:last",
// selector for the NEXT link (to page 2)
itemSelector : "#content"
// selector for all items you'll retrieve
});
分页链接看起来像这样http://localhost/latihan/news/home/3
然后单击“下一步”就像这样http://localhost/latihan/news/home/6
问题是下一个帖子不显示,并且“加载更多”按钮未加载数据。
有答案吗?
非常感谢...
您的设置错误。
我建议您看一下http://www.infinite-scroll.com本身页面的源代码,因为它们使用的是自己的插件。 在页面上向下滚动以查看其工作情况。
除此之外,我不得不说他们的产品记录极差,并且以非常不直观的方式工作。 例如,它将从nextSelector
读取下一页的URL,但仅当该元素是超链接<a ...>
且仅在第一次时。 然后,它将解析该URL中是否出现数字“ 2”,然后加载该数字并将其替换为3,依此类推。 因此,您打算将第2页设为home / 3,第3页设为home / 6的设计不适用于此插件。
帮个忙,改用jScroll 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.