2015-05-04 32 views
2

我想通過jquery ajax動態地追加引導複選框。 但只有複選框附加,我不能稱它爲引導類。如何追加引導複選框到jQuery中的dataTable

我的代碼:

var checkbox = '<input type="checkbox" class="checkboxes">'; 
//checkboxes is my bootstrap class 

$.getJSON("ajax/test.json", function(arr_data) { 
    $('#example').dataTable().fnAddData([checkbox, arr_data[i].name]); 
}); 

由於上述代碼的結果,複選框類沒有得到應用。

+0

您是否對'.checkboxes'複選框進行了初始化? –

+0

是的,我嘗試通過添加「複選框」類使用.addClass()但沒有工作。它僅適用於頁面刷新。 – Ranjan

+0

你可以使用'columnDefs'&'mRender'選項。 –

回答

0

爲什麼不使用jQuery的append?我假設你正在嘗試將所有內容添加到「#example」中。我還假設你將從AJAX調用中獲取更多的東西。

$.getJSON("ajax/test.json", function(arr_data) { 
    for (var i = 0; i < arr_data.length; i++) { 
    $('#example').append('<input type="checkbox" +class="checkboxes">' 
     + arr_data[i].name) 
    } 
});