动态新增元素的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(){});
});


时间: 2024-10-16 18:48:48

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

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

通过监听父级容器下匹配子元素进行事件绑定 <div id="test1"><input type="button" class="btn" value="按钮1"/><input type="button" class="btn" value="按钮1"/><input type="button" clas

js中style.display=&quot;&quot;无效的解决方法

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码代码如下: <style> #name {     display:none; }</style></head><body><div id=

移动端:active伪类无效的解决方法

:active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式.最常用于锚点<a href="#">这种情况,一般主流浏览器下也支持其他元素,如button等.在多按键的鼠标系统中,:active只适用于主按键,目前的大部分情况都是左键即主键. 该伪类下定义的CSS样式只在按下鼠标按钮与释放鼠标按钮之间的短暂瞬间被触发显示.使用键盘的tab键也可以触发:active状态. 说到:active伪类就不得不提到:link,:visited,:hover,:active这

C# ASP.NET Webservice调用外部exe无效的解决方法

最近用asp.net做webservice,其中有个功能是调用执行外部的exe(类似cmd中执行),但执行Process.Start之后就没有结果,同样代码在winform下正常,折腾两天终于找到解决方法 本文参考了以下网页,十分感谢 http://bbs.csdn.net/topics/300053869 http://blog.163.com/[email protected]/blog/static/15737970200862331842368/ 环境:win7 sp1 64位 以及II

system.ComponentModel.Win32Exception (0x80004005): 目录名无效。 解决方法

有时候我们需要在程序中调用 cmd.exe  执行一些命令 比如 我们会在程序写到 /// <summary> /// 执行Cmd命令 /// </summary> /// <param name="workingDirectory">要启动的进程的目录</param> /// <param name="command">要执行的命令</param> private void StartCmd(

IE下iframe height=&quot;100%&quot;无效的解决方法

IE7下iframe height="100%"无效的解决方法就是css如下写法: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml&q

vs2008【断点无效】解决方法

有时候,我们在用vs2008调试的时候,会出现断点无效.如下图: 第一反应,要看想一下是不是在debug下.如果在Release下,请参考我另篇文章 [怎么在Release下调试代码] 如果是在debug下: 1.检查工程配置是否设置正确. C++>General->Debug Information Format->Program Database (/Zi) C++>Optimization->Optimization->Disabled (/Od) Linker-

无法获得VMCI 驱动程序的版本: 句柄无效。解决方法

关闭虚拟机,找到安装路径,用记事本打开.vmx结尾的文件 找到vmci0.present = "TRUE" 把TRUE改为FALSE,保存,再次打开虚拟机,问题解决. 无法获得VMCI 驱动程序的版本: 句柄无效.解决方法

android4.0 禁止横竖屏切换使用 android:configChanges="orientation|keyboardHidden"无效的解决方法

Android横竖屏幕切换时注意4.0以上配置configChanges要加上screenSize,要不还会调用onCreate(). <activity android:name=".MainActivity" android:configChanges="orientation|keyboardHidden|screenSize"/> android4.0 禁止横竖屏切换使用 android:configChanges="orientati