原文:HTML中关于动态创建的标签无法绑定js事件的解决方法:.on()方法的 [.selector]

在前端页面的时候,会经常遇到用JavaScript动态创建出来的Button按钮或其他标签无法使用点击事件的问题。如下代码,使用jquery在body中动态创建一个class为demo的Button按钮,当点击这个按钮时无法触发点击事件。 将以上代码中的 .demo .click function 修改为 document .on click , .demo ,function 即可: 此时事件冒 ...

2019-05-28 20:37 0 1099 推荐指数:

查看详情

jQuery动态创建的dom对象不能绑定事件解决方法

参照网上前辈: 方法一:绑定live事件 live(type,[data],fn) $(selector).live("click",function(){   alert("点击了"); }); 但是测试无效,因为从 jQuery 1.7 开始,不再建议使用 .live() 方法 ...

Sat Mar 16 19:23:00 CST 2019 0 584
js动态生成html,onclick事件失效解决方法

普通的jq点击事件是这样的 $(".sel").click(function () {...});如果文件html代码是js动态生成的,则上面的写法有可能失效,需要用这种方式 $(document).on("click",".sel",function ...

Sun Feb 28 23:46:00 CST 2021 0 1061
动态添加的html元素绑定事件方法

避免先写了DOM操作,但是元素是动态加载的,所以点击不生效,比较好的方法有两个: 1、动态添加的时候加行内事件,比如onclick="funcName()" 在js写好方法名对应的方法就可以了,如果绑定方法的元素太多,可以考虑使用方法二; 2、jquery的on事件绑定 eg ...

Fri Jul 06 23:28:00 CST 2018 0 1471
for循环绑定事件解决方法

  首先我们来看一段代码   运行之后发现无论点哪个标签,弹出的都是最后一个标签的index   这是因为 for 循环的里面 var 定义的变量 i 自动提升为全局变量,等同于下面的代码   这时候 alert(i) 里面的i还没有值,当用户调用 onclick ...

Thu Apr 27 08:26:00 CST 2017 1 3603
ajax 动态载入html后不能执行其中的js解决方法

事件背景 有一个公用页面需要在多个页面调用,其中涉及到部分js已经写在了公用页面,通过ajax加载该页面后无法执行其中的js解决思路 1. 采用附加一个iframe的方法去执行js,为我等代码洁癖者所不齿。 2. 使用document.write输出代码,我等简洁主义者所不愿 ...

Wed Jun 20 19:56:00 CST 2018 0 3198
iOS动态注入JavaScript方法动态html标签添加事件

项目中有这样一种需求,给html5网页图片添加点击事件,并且弹出弹出点击的对应的图片,并且可以保持图片到本地 应对这样的需求你可能会想到很多方法来实现。 html代码 objc代码 demo下载地址:https://github.com/qqcc1388 ...

Thu Jun 08 23:07:00 CST 2017 0 4564
js 事件绑定方法

同时支持三种事件模型的javascript 事件使得客户端的 JavaScript 有机会被激活,并得以运行。在一个 Web 页面装载之后,运行脚本的唯一方式,就是响应系统或者用户的动作。虽然从第一个支持脚本编程的浏览器面世以来,简单的事件被实现为 JavaScript 的一部分;但是大多数最近 ...

Wed Aug 15 20:39:00 CST 2012 1 92541
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM