在layui中layer弹出层点击事件无效的解决方法

 更新时间:2019-09-08 18:01:37   作者:佚名   我要评论(0)

1、click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事 件的
2、而(document).on(“click”,”指定的元素”,function());
方法则是

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

2、而(document).on(“click”,”指定的元素”,function());

方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:(document).on(“click”,”指定的元素”,function());

方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件不起作用:

(‘#test').on(‘click', function() { layer.msg(‘响应点击事件'); });

起作用了:

$(document).on(‘click', ‘#test', function() { 
layer.msg(‘响应点击事件'); 
});

以上这篇在layui中layer弹出层点击事件无效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • 解决Layui中layer报错的问题
  • layer弹出层父子页面事件相互调用方法
  • Layer弹出层动态获取数据的方法
  • layer.open 按钮的点击事件关闭方法

相关文章

  • 在layui中layer弹出层点击事件无效的解决方法

    在layui中layer弹出层点击事件无效的解决方法

    1、click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事 件的 2、而(document).on(“click”,”指定的元素”,function()); 方法则是
    2019-09-08
  • PHP 文件上传限制问题

    PHP 文件上传限制问题

    PHP 大文件上传占用大量资源,因此需要对上传的大小进行限制,以下为相关的三个参数: client_max_body_size upload_max_filesize post_max_size
    2019-09-08
  • php生成微信红包数组的方法

    php生成微信红包数组的方法

    1.1. 源代码 <&#63;php/ * @param $total [你要发的红包总额] * @param int $num [发几个] @return array [生成红包金额] /function getRedGift($total, $n
    2019-09-08
  • layer.open的自适应及居中及子页面标题的修改方法

    layer.open的自适应及居中及子页面标题的修改方法

    layer.open的自适应: var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.iframeAuto(index); layer
    2019-09-08
  • PHP实现单文件、多个单文件、多文件上传函数的封装示例

    PHP实现单文件、多个单文件、多文件上传函数的封装示例

    本文实例讲述了PHP实现单文件、多个单文件、多文件上传函数的封装。分享给大家供大家参考,具体如下: 表单: s.php 要在选择上传文件时能一次选择多个文件,
    2019-09-08
  • layui动态加载多表头的实例

    layui动态加载多表头的实例

    效果 动态生成header 返回的header数据:格式为数组,因为是二级表头,所以是二元数组 后台动态拼接数组,返回数组后把两个数组push到一个空数组中就可以组
    2019-09-08
  • PHP单文件上传原理及上传函数的封装操作示例

    PHP单文件上传原理及上传函数的封装操作示例

    本文实例讲述了PHP单文件上传原理及上传函数的封装操作。分享给大家供大家参考,具体如下: 表单: 0.php: <!doctype html> <html> <head> <meta charset="
    2019-09-08
  • Laravel5.4框架中视图共享数据的方法详解

    Laravel5.4框架中视图共享数据的方法详解

    本文实例讲述了Laravel5.4框架中视图共享数据的方法。分享给大家供大家参考,具体如下: 每个人都会遇到这种情况:某些数据还在每个页面进行使用,比如用户信
    2019-09-08
  • Yii框架的布局文件实例分析

    Yii框架的布局文件实例分析

    本文实例讲述了Yii框架的布局文件。分享给大家供大家参考,具体如下: 首先,何为布局文件呢?我的理解就是布局存放了视图文件中的相同代码,使用布局文件可以
    2019-09-08
  • Laravel使用Queue队列的技巧汇总

    Laravel使用Queue队列的技巧汇总

    前言 Laravel 队列为不同的后台队列服务提供统一的 API,例如 Beanstalk,Amazon SQS,Redis,甚至其他基于关系型数据库的队列。队列的目的是将耗时的任务延时
    2019-09-08

最新评论