jquery中使用append后，使用事件无法监听到拼接的节点

原创于 2020-11-20 17:56:42 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了jQuery中的on()方法，它是bind()、live()和delegate()的替代品，用于为当前及未来的元素添加事件处理程序。文章还提供了一个具体的应用示例。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。
注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。
提示：如需移除事件处理程序，请使用 off() 方法。
提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。

//解决示例:
//body 相当于父节点  company_message 拼接的节点
  $('body').on("mouseover", "#company_message", function () {
                        $('#company_message').css('cursor', 'pointer');
                        if (timeout_leave != null) {
                            clearTimeout(timeout_leave);
                        }
                        $("#recharge").click(function () {
                            $('#company_message').remove();
                            if ($('.Rcls').length < 1) {
                                Ext.create('Since.Emp.RechargeManage', {
                                    title: '充值',
                                    manager: this,
                                    record: record,
                                    modal: true,
                                    layout: 'fit',
                                    cls: 'Rcls',
                                    // animateTarget: animateTarget
                                }).show();
                            }
                        });
                    });