jquery给动态添加的元素添加事件无效

问题描述

$('#Pagination3').on('click','a',(function(){alert('test11');}))以上是代码,帮我看看哪里错了

解决方案

解决方案二:
$('#Pagination3').click(function(){//todo...});

解决方案三:
引用1楼yaotomo的回复:

$('#Pagination3').click(function(){//todo...});

我要的绑定的是Pagination3下面的a标签的click事件,a为js动态生成的。
解决方案四:
可能是js动态生成a标签的原因,绑定的时候确保a标签已经生成了吗
解决方案五:
引用3楼yaotomo的回复:

可能是js动态生成a标签的原因,绑定的时候确保a标签已经生成了吗

生成了啊。我把页面代码贴上看看
解决方案六:
<scripttype="text/javascript">(function($){$(function(){varobj=$('#<%=Attachments.ClientID%>');varmodelAttachments=newAkmii.Tender.Model.AttachmentControl();modelAttachments.uploadObj(obj);obj.find('.attachBtn').click(function(){varid=obj.find('.Hidden_AttachemntID').val();Akmii.Utility.ShowSPModalDialog("UploadAttachmentsDialog.aspx?ID="+id+"&Type="+type+"&ControlID=<%=Attachments.ClientID%>");});});})(jQuery);$('#Pagination3').on('click','a',(function(){alert('test11');}));</script><divid="Attachments"runat="server"><inputid="Hidden_AttachemntID"type="hidden"class="Attachments-ItemID"/><tablewidth="100%"border="0"cellpadding="0"cellspacing="0"><tr><tdclass="sectionheader"id="sectionheader"><spanclass="ak-iconak-icon-bullet-orange-l"></span><div>Attachments<spanclass="highlight">(附件)</span></div></td><td><divclass="meetingagenda"id="editControl"runat="server"><inputtype="button"class="ak-buttonblueattachBtn"value="Attachments"/></div><tableclass="innerlist"width="100%"border="0"cellpadding="0"cellspacing="0"><tr><th>AttachmentType</th><th>FileName</th><th>UploadedDate</th><th>UploadedBy</th></tr></table><divid="Pagination3"class="paginationak-button-stripak-inline-block"style="margin-right:10px;float:right;margin-top:10px"></div></td></tr></table></div>

上面是源码
解决方案七:
'a'这个是什么?你那个div里面又么的a标签~~
解决方案八:
$('#Pagination3a').bind('click',(function(){//todo}))
解决方案九:
引用2楼qq_32936057的回复:

Quote: 引用1楼yaotomo的回复:
$('#Pagination3').click(function(){//todo...});

我要的绑定的是Pagination3下面的a标签的click事件,a为js动态生成的。

要在动态添加进去的标签后添加事件,就是动态添加完标签后的代码添加点击事件

时间: 2024-10-11 03:38:39

jquery给动态添加的元素添加事件无效的相关文章

jQuery给动态添加的元素绑定事件的方法

 这篇文章主要介绍了jQuery给动态添加的元素绑定事件的方法,对比了jQuery中事件绑定的方法以及常见版本使用绑定的区别,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery给动态添加的元素绑定事件的方法.分享给大家供大家参考.具体分析如下: jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这里介绍jQuery中如何给

jquery html动态添加的元素绑定事件详解_jquery

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <div id="testdiv"> <ul></ul> </div> 假设我们要给ul动态添加的<li>绑定click事件形成如下结果 <div id="testdiv"> <ul> <li name="apple">apple</li> <li name="

详解jQuery向动态生成的内容添加事件响应jQuery live()方法_jquery

jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效. 这个方法可以看做是 .bind() 方法的一个变体.使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有.为此需要再使用一次 .bind() 才行.比如说: <body> <div class="clickme">Click here</div> &

JavaScript动态的为元素添加事件

目前的的页面布局都是基于XHTML,通过DIV+CSS布局,实现DHTML的样式.所以这个JavaScript动态的为元素添加事件因此而普遍了.下面我说说怎样通过javascript为元素动态的添加事件.Javascript为元素动态的添加事件包括两种情况:不带参数的事件和带参数的事件.一.不带参数的事件:两种方式:直接给对象添加事件,节点添加事件例如给一个id为tab1的添加onclick事件第一种情况:var t = document.getElementById("NewTitle&quo

Radio 单选JS动态添加的选项onchange事件无效的解决方法_javascript技巧

//记一个问题(已经解决2016.5.5) //在公司项目中遇见一个添加单选项的需求,采用ajax一步请求.为节约资源添加后不刷新网页,js动态改变页面 //当选择到动态添加的单选项,执行绑定事件 radio 单选JS动态添加的选项,onchange事件无效.使用delegate()函数可以解决该问题!!! delegate(): delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处

jQuery使用addClass()方法给元素添加多个class样式

 这篇文章主要介绍了jQuery使用addClass()方法给元素添加多个class样式的方法,实例分析了addClass方法的使用技巧及添加多个样式的实现方法,需要的朋友可以参考下     本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法.分享给大家供大家参考.具体如下: jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可 ? 1 2 3 4 5 6 7 8 9 10 11 12 13

jQuery给多个不同元素添加class样式的方法

 这篇文章主要介绍了jQuery给多个不同元素添加class样式的方法,实例分析了addClass()方法添加样式的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery给多个不同元素添加class样式的方法.分享给大家供大家参考.具体分析如下: jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 2

解决jquery中动态新增的元素节点无法触发事件问题的两种方法_jquery

比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为"reply",如果你用的是$(".reply").click(function(){ //do something... }),想必后面通过ajax加载进来的列表中的回复按钮,点击事件会失效. 其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好的方式还是通过给类名绑定一个click事件. 解决jquery中动态新增的元素节点无法触

jQuery给多个不同元素添加class样式的方法_jquery

本文实例讲述了jQuery给多个不同元素添加class样式的方法.分享给大家供大家参考.具体分析如下: jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){

jQuery使用addClass()方法给元素添加多个class样式_jquery

本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法.分享给大家供大家参考.具体如下: jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(doc