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作为父选择器，在你的代码中它应该是最接近的静态元素。

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

1 个答案: