笨/ jQuery的 - 分页 - 无尽分页

Question

我试着去实现此处（https://github.com/jney/jquery.pageless）发现了无尽的分页jQuery插件到我笨项目。

jQuery代码我输入相同什么演示页

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

和代码，我在我的笨控制器如下

$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中。

任何帮助将不胜感激。

干杯

Answer 1

也许你应该的结果加载到一个局部视图，因为否则你再次加载整个页面。创建一个局部视图来加载所有数据，然后，局部视图加载到主页面：

$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与你想异步加载的所有内容。