iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >如何解决layui动态添加元素click等事件触发不了的问题
  • 791
分享到

如何解决layui动态添加元素click等事件触发不了的问题

2024-04-02 19:04:59 791人浏览 安东尼
摘要

这篇文章主要介绍如何解决layui动态添加元素click等事件触发不了的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在页面加载完成时候 '.add_project

这篇文章主要介绍如何解决layui动态添加元素click等事件触发不了的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在页面加载完成时候 '.add_project' 元素是可以触发click时间的,当动态添加 '.add_project' 时候,新添加的元素却触发不了click事件,类似下面的写法:

$(".add_project").on('click', function(){
  alert('1')
});

解决办法很简单,就是用全局的document来监控 '.add_project' 元素,如下:

$(document).on("click",".add_project",function(){
  alert('1');
})

这样就很好的解决了问题了。

以上是“如何解决layui动态添加元素click等事件触发不了的问题”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: 如何解决layui动态添加元素click等事件触发不了的问题

本文链接: https://www.lsjlt.com/news/74548.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何解决layui动态添加元素click等事件触发不了的问题
    这篇文章主要介绍如何解决layui动态添加元素click等事件触发不了的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在页面加载完成时候 '.add_project...
    99+
    2024-04-02
  • 如何解决element-ui中下拉菜单子选项click事件不触发的问题
    小编给大家分享一下如何解决element-ui中下拉菜单子选项click事件不触发的问题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!将@click改为@click.native='...
    99+
    2024-04-02
  • C#Process的OutputDataReceived事件不触发问题如何解决
    本篇内容介绍了“C#Process的OutputDataReceived事件不触发问题如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!...
    99+
    2023-07-05
  • 如何解决两个div叠加触发事件发生闪烁的问题
    如何解决两个div叠加触发事件发生闪烁的问题,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。当鼠标移到div1上的时候,会出现div2。出现时d...
    99+
    2024-04-02
  • 如何解决layui复选框等内置控件不显示的问题
    小编给大家分享一下如何解决layui复选框等内置控件不显示的问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!将复选框的代码原封...
    99+
    2024-04-02
  • 如何解决layui中select、radio等表单组件不显示的问题
    这篇文章主要介绍如何解决layui中select、radio等表单组件不显示的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!layui是国内一款界面比较整洁大方的ui框架,里面封...
    99+
    2024-04-02
  • 如何解决vue开发移动端使用better-scroll时click事件失效的问题
    本篇内容主要讲解“如何解决vue开发移动端使用better-scroll时click事件失效的问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何解决vue开发移动端使用better-scro...
    99+
    2023-06-20
  • 如何解决Js先触发失去焦点事件再执行点击事件的问题
    这篇文章主要介绍了如何解决Js先触发失去焦点事件再执行点击事件的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。最近在做公司的某个从项目,...
    99+
    2024-04-02
  • 如何解决vue动态为数据添加新属性遇到的问题
    这篇文章主要介绍了如何解决vue动态为数据添加新属性遇到的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue为数据添加属性时遇到的坑,...
    99+
    2024-04-02
  • 如何解决bootstrap-select动态加载数据不显示的问题
    小编给大家分享一下如何解决bootstrap-select动态加载数据不显示的问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!...
    99+
    2024-04-02
  • 如何解决绝对定位的元素在ie6下不显示隐藏了的问题
    本篇内容主要讲解“如何解决绝对定位的元素在ie6下不显示隐藏了的问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何解决绝对定位的元素在ie6下不显示隐藏了的...
    99+
    2024-04-02
  • 如何解决jQuery的hover事件在IE中不停闪动的问题
    这篇文章主要为大家展示了“如何解决jQuery的hover事件在IE中不停闪动的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决jQuery的hove...
    99+
    2024-04-02
  • MUI如何解决动态列表页图片懒加载再次加载不成功的bug问题
    这篇文章给大家分享的是有关MUI如何解决动态列表页图片懒加载再次加载不成功的bug问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首次加载时图片可以获取成功,再次加载失败,通过...
    99+
    2024-04-02
  • 如何解决echarts在节点显示动态数据及添加提示文本所遇到的问题
    这篇文章给大家分享的是有关如何解决echarts在节点显示动态数据及添加提示文本所遇到的问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。刚接触echarts不久,在使用过程中遇...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作