jquery - 如何使用数据表插件和 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这里用作父选择器，在您的代码中它应该是最接近的单个静态元素。