带有固定柱扩展的数据标签会破坏表标头中的jQuery触发器



在使用filexcolumns扩展数据时,如何在列标题中工作?

我正在使用固定柱扩展名的数据表。我在表标头中有一个jQuery触发器,在使用固定柱时不起作用。

当jQuery触发在桌子外面时,一切都起作用:

http://live.datatables.net/nopiyuja/1/edit?html,js,,osole,output

将jQuery触发器放入表格(在第一列标题中)时,它不再起作用。

http://live.datatables.net/gupalata/2/edit?html,js ,,

问题是在加载文档后,动态加载数据的内容。

因此,当找不到加载#checkAll之后的JS首次运行时。但是,一旦数据加载加载#checkAll。为了克服这一点,您可以触发单击文档,然后通过:

将您的功能应用于#checkAll
  $(document).on('click','#checkAll',function(){
    console.log('working...');
  });

编辑 DataTables具有[initiComplete属性,该属性可以接受回调函数,以便让您知道表完全加载并绘制

$('#example').dataTable( {
    "initComplete": function() {
        alert( 'DataTables has finished its initialisation.' );
        $('#checkAll').click(function(){
            console.log('working...');
        });
    }
});

最新更新