jquery - var anSelected = fnGetSelected( oTable ) 未执行

Question

var oTable = $('#posGridView').dataTable( {
"bPaginate": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"oLanguage": {
"sZeroRecords": "",
"sEmptyTable": ""
}

} );

和

$("#posGridView tbody").click(function(event) {
$(oTable.fnSettings().aoData).each(function (){
$(this.nTr).removeClass('row_selected');
});
$(event.target.parentNode).addClass('row_selected');
});

上面的代码工作正常，当我选择 row 时，它会突出显示。但是当我按删除按钮时，所选行没有删除。

$('#delete').click( function() {
var anSelected = fnGetSelected( oTable );
oTable.fnDeleteRow( anSelected[0] );
} );

当我发出警报(anSelected)时，我发现语句 var anSelected = fnGetSelected( oTable );不执行。

Answer 1

有几件事需要考虑

• 您正在按 $('#delete') 上的 ID 进行选择。到目前为止，我知道您有一个按行删除按钮，因此您将拥有多个具有相同 id 的元素。这是不允许的。将 css 类添加到删除按钮(或使用现有的)并像这样选择 $('#posGridView .delete')

• 如果您要动态添加行，则需要使用 <a href="http://api.jquery.com/on/" rel="noreferrer noopener nofollow">on</a> 附加点击事件方法。否则，新添加的行将不会有单击处理程序。代码会是这样的 $('#posGridView').on('click', '.delete', function(){...})