原文:jq动态生成HTML元素时,点击事件无效,且css无效

解决方案:将普通事件改为.on 委托事件 示例: 原因:动态添加的HTML元素是在CSS,JS代码加载完成后再添加的HTML页面。在浏览器解析这些通过ajax请求到后台 返回的数据,再根据返回的结果动态生成HTML页面时,这些绑定事件的标签元素还没有生成。而普通.click事件只能绑定 静态元素。用on方法支持动态绑定元素。 CSS无效解决办法: ...

2020-11-05 17:25 0 803 推荐指数:

查看详情

js动态加载HTML元素出现的无效点击事件

项目中列表数据中隐藏着详情数据, 图一: 详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面 图二: js文件中的这些js的点击事件无效: js代码: // 推荐商家点击标题展开与收起$('.toggle-tag ...

Wed Sep 07 19:37:00 CST 2016 0 31435
JQuery 动态加载 HTML 元素绑定点击事件无效问题

问题描述 假设项目中有一个列表页面,如下: 当点击列表一行数据可以显示详情页面,而详情页面的数据是根据当前行的数据作为参数,通过 ajax 请求到后台返回的数据,再根据返回的结果动态生成 html 页面,如下: 但是,在动态生成html 页面中绑定点击事件运行无效 问题分析 ...

Mon Oct 26 23:22:00 CST 2020 0 631
动态生成的DOM做点击事件无效

有时候我们的标签都是从后台获取的数据,然后利用JS添加到页面上,当我们写生成的标签的点击事件(click)没有效果。 例如: 生成页面,点击A标签无效果。 这里只介绍两种解决方法。 ①把事件写在生成的字符串当中,感觉很low 里面什么方法名外面就声明 ...

Fri Aug 25 01:06:00 CST 2017 0 3171
JQ动态生成节点绑定事件无效问题

最近做项目的时候遇见了一个问题,通过jq动态节点绑定到dom节点上,并且为动态节点绑定方法,此方法再次为动态节点添加动态节点,但在刷新之后,动态节点上的方法失效了,过程为:创建动态节点->动态节点绑定方法->添加动态节点->刷新后点击动态节点方法失效。 < ...

Mon Sep 02 03:30:00 CST 2019 0 607
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM