动态新增元素的js无效的解决方法

通过监听父级容器下匹配子元素进行事件绑定

<div id="test1"><input type="button" class="btn" value="按钮1"/><input type="button" class="btn" value="按钮1"/><input type="button" class="btn" value="按钮1"/><p></p>
</div>
<input type="button" class="add" value="加一个按钮" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="application/javascript">$(function(){$('#test1').on('click','.btn',function(){alert('绑定有效1')});$('.add').on('click',function(){$('#test1').append('<input type="button" class="btn" value="按钮2"/>')});});
</script>

$('.add').on('click',function(){$('#test1').append('<input type="button" class="btn" value="按钮2"/>');   $('.btn').on('click',function(){});
});

转载于:https://blog.51cto.com/11985146/1841297

动态新增元素的js无效的解决方法相关推荐

给动态动态生成元素绑定事件不生效解决方法
如题:动态生成的元素绑定事件后没有生效,或者说操作时没有效果 js,jq动态生成的元素,在绑定前,先一定要确认,执行绑定操作的时候,该元素是不是已经存在在页面上,也就是html上了,假如执行绑定的时候 ...
js中style.display=无效的解决方法
本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多 ...
ajax异步获取右侧html,Ajax异步获取html数据中包含js方法无效的解决方法
Ajax异步获取html数据中包含js方法无效的解决方法页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $. ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
python元素定位input button_python+selenium 定位到元素,无法点击的解决方法
报错 selenium.common.exceptions.WebDriverException: Message: Element is not clickable at point (234.75 ...
vs2005下，回发或回调参数无效的解决方法
vs2005下,"回发或回调参数无效"的解决方法还是前几天发现的问题,原来在vs2003下使用的ajax无刷新联动代码,放到vs2005的项目后就会出现错误回发或回调参数无效. ...
ajax scripmanager,ScriptManager.RegisterStartupScript()方法在ajax页面无效的解决方法
ScriptManager.RegisterStartupScript()方法在ajax页面无效的解决方法更新时间:2010年03月08日 19:25:10 作者: ScriptManager. ...
在CSS布局中max-width 无效的解决方法
max-width 无效的解决方法: width:100% 和 max-width:100%的区别: width: 100%是将所有指定元素的宽度拉伸或收缩到和父元素的宽度一致, 而max-widt ...
cocos2d-js中listView的jumpToBottom()方法无效的解决方法
cocos2d-js中listView的jumpToBottom()方法无效的解决方法参考文章: (1)cocos2d-js中listView的jumpToBottom()方法无效的解决方法 (2) ...

动态新增元素的js无效的解决方法

动态新增元素的js无效的解决方法相关推荐

最新文章

热门文章