笨/ 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與你想異步加載的所有內容。