为什么layer中弹出层内容点击事件不起作用

最近有个项目，要求弹出层里再添加点击事件，而实际情况是，弹出层不触发点击事件。

原因：click()只对页面现有元素绑定点击事件，而弹出层里的元素属于动态生成的新元素，不在现有的生成的页面里，不是不触发点击事件，而是没有找到点击事件绑定的元素导致没有触发点击事件。

解决方法：

采用$(document).on("click","指定元素",function(){ // do someting });写法就可以触发点击事件。

该写法意思是将点击事件绑定在本页面上，只要页面上符合“指定元素”的元素都可触发点击事件。动态生成的新元素还是属于该页面，不用再区别是已有的，还是后来生成，只要属于这个页面都可以触发。

为什么layer中弹出层内容点击事件不起作用相关推荐

js 弹出层的点击事件影响到底层的点击事件_聊一聊 Node.js 错误处理
个人博客:https://blog.skrskrskrskr.com 错误分类软件程序中,我们可以将错误大致分为外部错误和内部错误两大类. 外部错误是正确编写的程序在运行时产生的错误.它并不是程序本 ...
layui弹出层html,layer弹出层
layer 弹出层,怎么只让他弹出一次.在线等我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的所 ...
JavaScript学习笔记(九）(验证框架,layer弹出层)
JavaScript学习笔记(九) 一.jQuery Validate验证框架 1.引入相关插件路径 2. 修改一些规则 3. 自定义验证规则 4.异步验证整体代码二.layer弹出层 1.引入相 ...
layui + layer弹出层增删改的操作
一.弹出层说明 /* ========== 弹出层说明 ==============*/function useradd() { // useradd(),点击事件//var pageNum = $( ...
layer 弹出层读取html,Layer弹出层动态获取数据的方法
前一阵子做了一个简单的小项目,用到了layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同 ...
Vue（二十一）Layer弹出层
安装:下载源码到本地 layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互.目前已成为 ...
php layer弹出层更改背景,详解Layer弹出层样式
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并 ...
layer弹出层闪退_layer弹出层详解
1.layer 弹出层iframe页面关闭自身 function closeFrame() { var index = parent.layer.getFrameIndex(window.name); ...
html5相对父元素定位,layer弹出层设置相对父级元素定位
layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加 ...

为什么layer中弹出层内容点击事件不起作用

为什么layer中弹出层内容点击事件不起作用相关推荐

最新文章

热门文章