使用複選框切換數據表

Question

我在使用jQuery複選框打開/關閉數據表的功能。

它實際上如果我沒有定義數據表，那麼我打開/關閉沒有問題。

但我希望數據表默認打開，然後才能關閉並重新打開。我正在重新初始化警告。

我有這樣的事情：

$('#datatable-switch').on('click',function(){ 

    if($(this).attr('data-click-state') == 0) { 

    $(this).attr('data-click-state', 1); 
    showLockersDataTable(); 

    } else { 

    $(this).attr('data-click-state', 0) 
    lockersTable.DataTable().destroy(); 
    } 

}); 

Answer 1

這確實似乎是沒有問題的。你可能會搞亂的東西與你的

showLockersDataTable(); 

和

lockersTable.DataTable().destroy(); 

我無法分析，你沒有提供既不showLockersDataTable()也不lockersTable。

但是你要簡單地解決這個問題是這樣的：

// Get the jQuery Object for your DataTable 
var example = $('#example'); 

// Bind listener on the checkbox 
$('#datatable-switch').on('click',function(){ 

if($(this).attr('data-click-state') == 0) { 

     $(this).attr('data-click-state', 1); 
     showDataTable(example); 

    } 
    else { 

     $(this).attr('data-click-state', 0) 
     hideDataTable(example); 
    } 
}); 

其中兩個使用的功能有：

// Declare show and hide functions 
function showDataTable(dataTable){ 

    dataTable.DataTable(); 

} 

function hideDataTable(dataTable){ 

    dataTable.DataTable().destroy(); 

} 

現在你對click監聽綁定，你可以在頁面加載啓動。

showDataTable(); 

這是關於JSFiddle的working example。