php – CodeIgniter / jQuery – 分页 – 无尽的分页

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – CodeIgniter / jQuery – 分页 – 无尽的分页脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将这里发现的无限分页 jquery插件( https://github.com/jney/jquery.pageless)实现到我的codeigniter项目中.

我输入的jquery代码与演示页面上的whats相同

$('#results').pageless({ totalPages: 10,url: '/theurl/index',loaderMsg: 'Loading more results'
});

我在codeigniter控制器中的代码如下

$config['base_url'] = base_url() . 'theurl/index';
    $config['total_rows'] = $this->model->record_count();
    $config['per_page'] = 20;
    $config['uri_segment'] = 3;

    // Init the config
    $this->pagination->initialize( $config );

    // Create pagination
    $page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
    $data['results'] = $this->onyafeet->fetch_results($config['per_page'],$page);
    $data['links'] = $this->pagination->create_links();

    // Load the view and pass through all the data
    $this->load->view('theurl/index',$data);

当我运行代码并到达页面底部时,它确实有效,但它也会将输入页面加载到它为结果创建的新div中.

任何帮助将不胜感激.

干杯

解决方法

也许您应该将结果加载到局部视图中,否则您将再次加载整个页面.创建部分视图以加载所有数据,然后将部分视图加载到主页面

$config['base_url'] = base_url() . 'theurl/index';
$config['total_rows'] = $this->model->record_count();
$config['per_page'] = 20;
$config['uri_segment'] = 3;

// Init the config
$this->pagination->initialize( $config );

// Create pagination
$page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
$data['results'] = $this->onyafeet->fetch_results($config['per_page'],$page);
$data['links'] = $this->pagination->create_links();
// AJAX load: 
if ($this->input->is_ajax_request) {
    $this->load->view('theurl/partial/ajax_partial',$data);
}
else {
    // Load the view and pass through all the data
    $this->load->view('theurl/index',$data);
}

我认为使用这种方法应该有效,部分视图必须只有你想要显示的正确部分,div包含你想要异步加载的所有内容.

脚本宝典总结

以上是脚本宝典为你收集整理的php – CodeIgniter / jQuery – 分页 – 无尽的分页全部内容,希望文章能够帮你解决php – CodeIgniter / jQuery – 分页 – 无尽的分页所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:jquery