JQuery给动态增加的元素添加点击事件
 2018-01-08 15:22:10   298   0   

本文最后更新于天前,文中介绍内容及环境可能已不适用.请谨慎参考.

今天被这个问题搞晕头了。。

jquery动态添加了一堆元素,要给元素里面的一个对象添加点击事件,弄了半天。记录下.

$(selector).on(event,childSelector,data,function,map)

jQueryObject.on( events [, childSelector ] [, data ], handler )

适用于当前及未来的元素(比如由脚本创建的新元素)

其中selector为页面上已有的元素。

否则会不起作用.

childSelector

可选/String类型一个jQuery选择器,用于指定哪些后代元素可以触发绑定的事件。如果该参数为null或被省略,则表示当前元素自身绑定事件(实际触发者也可能是后代元素,只要事件流能到达当前元素即可)。


data  

 可选/任意类型触发事件时,需要通过event.data传递给事件处理函数的任意数据。

如下:

dot+="</ul></div>	<div class=\"rvc-prv\"><img onclick=\"alert(1)\" id=\"btnleft\" src=\""+basePath+"/phone/gamedetail/jtl03.png\"></div>		<div class=\"rvc-next\"><img src=\""+basePath+"/phone/gamedetail/jtr03.png\"></div>	</div>";
	


	dc.html(dot);
	
	setTimeout(function(){
		$(dot).rvc({
			liNum: 4,//2~5之间的整数
			spaceBetween: 30,//li项之间的距离
			plr: 20,//当屏幕小于1024时,rvc的padding-left,padding-right值
			time: 400,//动画时间
			prv: '.rvc-prv',//前一个按钮
			next: '.rvc-next'//下一个按钮

		});
		
		
		 $("#detail").on("click",".rvc-prv",function(){  
			 alert(222);
		 });
		
		
	},40);

要给动态添加的图片添加点击事件,detail为页面初始就有的div id。

 


 2018-01-08 15:27:51 
 0

  本文基于CC BY-NC-ND 4.0 许可协议发布,作者:野生的喵喵 固定链接: 【JQuery给动态增加的元素添加点击事件】 转载请注明



发表新的评论
{{s_uid}}   , 欢迎回来.
您的称呼(*必填):
您的邮箱地址(*必填,您的邮箱地址不会公开,仅作为有回复后的消息通知手段):
您的站点地址(选填):
留言:

∑( ° △ °|||)︴

(๑•̀ㅂ•́)و✧
<( ̄) ̄)>
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
╮( ̄▽ ̄)╭
( ̄ε(# ̄)
(⊙ˍ⊙)
( ̄▽ ̄)~*
∑( ° △ °|||)︴

文章分类

可能喜欢 

KxのBook@Copyright 2017- All Rights Reserved
Designed and themed by 野生的喵喵   1619892   44863