js如何为动态生成的标签添加事件
2015-01-14 00:00
405 查看
摘要: 防忘
原文:
简单示例:
错误的方法:
这个时候生成的img标签无论点多少次都不会alert(1)
正确的方法:
这个时候img标签会有一个点击运行imgClick()方法的事件
原文:
$('#off_click').click(function(){ var src = $(this).attr('src'); //获取手机的宽度 var w = window.innerWidth var h = window.innerHeight //alert(w+':'+h) $('#bg').after('<div id="bg_click" style="width:'+w+'px;height:'+h+'px;text-align:center; background:#333;position:absolute;"></div>') var img_w = w / 100 * 95 $('#bg_click').prepend('<img id="on_click" onclick="reImg()" src="'+src+'" width="'+img_w+'px" style="position:relative;z-index:1; padding-left:1%;padding-right:1%;" />') var top_h = $('#on_click').css('height') top_h = parseInt(top_h) manage_h = (h - top_h) / 2 //alert(manage_h) $('#on_click').css('top',manage_h) }) function reImg(){ $('div').remove('#bg_click') }
简单示例:
错误的方法:
<a id='click'>点击这</a> <script> $('#click').click(function(){ $(this).after('<img id="on_click" src="" width="1000" height="200" style="position:absolute;left:0;"/>') }) $('#on_click').click(function(){ alert(1) }) </script>
这个时候生成的img标签无论点多少次都不会alert(1)
正确的方法:
<a id='click'>点击这</a> <script> $('#click').click(function(){ $(this).after('<img onclick="imgClick()" src="" width="1000" height="200" style="position:absolute;left:0;"/>') }) function imgClick(){ alert(1) } </script>
这个时候img标签会有一个点击运行imgClick()方法的事件
相关文章推荐
- 动态添加的标签如何调用js事件
- 如何为页面动态生成的元素添加事件(如append()动态添加的标签)
- JS脚本实现动态给标签控件添加事件的方法
- 给用js动态创建的标签添加事件
- Js - JQ事件委托( 适用于给动态生成的脚本元素添加事件)
- 如何利用JS动态创建标签并附于事件
- JS为循环动态生成的节点添加点击事件
- JS动态生成表单,并添加行双击事件
- jq动态生成的元素(标签)添加点击事件
- JS生成动态表格并为每个单元格添加单击事件的方法
- JS实现动态给标签控件添加事件的方法示例
- angularjs+bootstrapTable为动态生成的代码添加事件
- JS为循环动态生成的节点添加点击事件
- Jquery动态生成的标签添加绑定事件
- JS脚本动态给标签控件添加事件
- 通过js动态为标签元素添加点击事件
- js生成动态表格并为每个单元格添加单击事件的方法
- 用js脚本如何动态添加带参数的事件
- js addEventListener如何给触发,事件动态传参与添加/删除