2011-07-24 20 views
0

我試圖做的是,當用戶點擊查看所有內容頁時,它將從分頁視圖中移出,因此我希望它刪除分頁鏈接,它將頁面移除但不是第一頁預覽下一個上一個鏈接,但是當用戶點擊查看分頁記錄時,它會添加第一個預覽下一個上一個鏈接。具有實時點擊事件功能的數據表

http://jsfiddle.net/xtremer360/hrfYA/7/

+1

所以你要禁用分頁時隱藏「First Preview Next Last」按鈕? –

回答

2

如果你想顯示/隱藏根據你在做你什麼只需要顯示分頁控件/隱藏:

$('.viewAll').live('click', function(e) { 
    e.preventDefault(); 
    oTable.fnLengthChange(-1); 
    $(this).removeClass('viewAll').addClass('paginateRecords'); 
    $(this).find('strong').html('View Paginated Records'); 
    $('.pagination').hide(); 
}); 

$('.paginateRecords').live('click', function(e) { 
    e.preventDefault(); 
    oTable.fnLengthChange(10); 
    $(this).removeClass('paginateRecords').addClass('viewAll'); 
    $(this).find('strong').html('View All Content Pages');  
    $('.pagination').show();  
}); 

小提琴:http://jsfiddle.net/nicolapeluchetti/hrfYA/9/

+0

我已經說過了,我會再說一遍,你真了不起。 –

+0

我的腳本中只有最後一件事情是處理dataTables插件,這與css相關。假設你在第1頁上。在這種情況下,第一個和最後一個按鈕應該被禁用。我有一個適用於禁用按鈕的特殊樣式,但它們會被取消,因爲還有其他樣式應用於它們,並且不顯示禁用的按鈕樣式。 –