社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

jquery切换和数据表

Ralf • 5 年前 • 1563 次点击  

我有一个表,其中包含从数据库生成的数据,并使用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
 
1563 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Raphael Deiana
Reply   •   1 楼
Raphael Deiana    5 年前

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

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

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

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