JS动态生成元素鼠标响应方法 .live()

最新推荐文章于 2020-07-29 18:21:40 发布

lee_fannie

最新推荐文章于 2020-07-29 18:21:40 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：平时提醒儿之网站

本文链接：https://blog.youkuaiyun.com/Lee_fannie/article/details/16967637

9 篇文章

订阅专栏

本文介绍了如何使用jQuery的.live()方法来确保动态生成的HTML元素能够响应click事件。此外，还探讨了在更高版本的jQuery中使用.on()方法作为替代方案，并提到了如何通过.die()方法移除不需要的事件绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  $("#element").live('click', function () {
                                //
                            });

jQuery在动态生成HTML元素后,如果该元素集合中有鼠标点击CLICK事件,这时点击无响应,需要用到.live()方法使生成的动态元素依然保持页面装载后的效果,使鼠标点击事件生效.

如果js版本是1.9以后的，最好用

$("#element").on('click', function () {
                       //
                    });

代替。
为了防止多个事件执行，可以先用die()

  $("#element").die().live('click', function () {
                                //
                            });

die()不加参数默认是去掉之前绑定的所有事件。如果不带参数，则所有绑定的live事件都会被移除。你可以解除用live注册的自定义事件。如果提供了type参数，那么会移除对应的live事件。如果也指定了第二个参数function,则只移出指定的事件处理函数。