如何使用datatables插件和jQuery在字段中更改值？

Question

我使用http://datatables.net排序我的表。 我生成json並在表中加載行。對於創建自定義類的自定義記錄。

<td class=""><span class="qty_new" data-id="1">50</span></td> 

$(document).ready(function() { 
    $('#example').dataTable({ 
     "bProcessing": true, 
     "sAjaxSource": "ajax/tables/ajax.php" 
    }); 

    $('.qty_new').click(function() { 
     alert(1000); 
    }); 
}); 

此代碼不能返回警報（1000），我不知道爲什麼。

Answer 1

這是因爲.qty_new字段是在頁面加載後由數據表創建的。因此，您必須將事件偵聽器委託給父元素。試試這個：

$('table').on('click', '.qty_new', function(){ 
    alert(1000); 
}); 

或者對舊版本的jQuery，使用delegate()：

$('table').delegate('.qty_new', 'click', function(){ 
    alert(1000); 
}); 

我用table作爲家長選擇在這裏，在你的代碼應該是最接近單一靜態元素。