Py学习  »  Jquery

jquery切换和数据表

Ralf • 5 年前 • 1538 次点击  

我有一个表,其中包含从数据库生成的数据,并使用Jquery Datatables发布。到目前为止一切正常。

每一行都有一个复选框,可以切换,它触发对数据库的更新。dataTable第一页(50)上的所有行都工作得很好。一旦进入第二页(或使用搜索),代码就不再工作。

表中的HTML代码。ID是递增的,并且每个输入都是唯一的。

<input type="checkbox" id="manual_86">

在页面底部,这段代码正在运行(例如,去掉了其余代码)

$('input:checkbox').change(
    function(){
        console.log("update");
});

我正在努力找出为什么这没有如预期的那样起作用。

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/51664
 
1538 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Raphael Deiana
Reply   •   1 楼
Raphael Deiana    5 年前

这是因为在加载第2页或进行搜索时,会动态创建复选框。当创建监听器时,复选框不存在。

假设您的复选框包装在一个静态容器中(不是动态创建的),您可以使用此代码段创建事件侦听器。您只需用静态容器的选择器替换“staticParent”。

$(staticParent).on('click', 'input:checkbox', function(){
    console.log("update");
});

如果您使用的是旧版本的jQuery,则可以使用 live() 功能