解决layui动态追加的点击事件不起作用问题

Posted liujie-php

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决layui动态追加的点击事件不起作用问题相关的知识,希望对你有一定的参考价值。

//不起作用
$(‘#demo‘).on(‘click‘, function() {
	layer.msg(‘响应点击事件‘);
});
 
//起作用
$(document).on(‘click‘, ‘#demo‘, function() {
  layer.msg(‘响应点击事件‘);
});

  

>> .click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的

>> 而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件

以上是关于解决layui动态追加的点击事件不起作用问题的主要内容,如果未能解决你的问题,请参考以下文章

随笔记录17 layui laydate 动态创建input后点击无效

jquery append 动态添加的元素事件on 不起作用的解决方案

UITableView reloadData 对点击事件不起作用

layui表格点击排序按钮后,表格绑定事件失效解决方法

解决jQuery ajax动态新增样式无法触发点击事件的问题

我使用jquery中的append方法,动态添加新的元素内容,新添加的元素上的onlick事件不起作用。