jquery - 如何在 jQuery 中将 Bootstrap 复选框附加到数据表

Question

我正在尝试通过 jquery ajax 动态附加 Bootstrap 复选框。但只有复选框附加，我无法调用它的 Bootstrap 类。

My Code:

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]);
});

作为上述代码的结果，未应用复选框类。

Answer 1

为什么不用 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)
  }
});