JQuery 动态添加ID后,无法触发点击事件

html代码

学校

姓名

js代码
function abc($ww)
{
$("#wo").append("

专业

");
}
function a($dd)
{
$("#h1").html('小明');
}
点击后,为什么无法改变?

2个回答

你的代码没贴全吧,还是没有使用代码片html被过虑了?
首先function a($dd),括号中的参数是不需要加$符号的,其次就是没有绑定点击事件的处理程序;

你没有引入相关的js文件

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jQuery动态添加的列表项无法触发点击事件

1.添加列表项之前,点击1,2,3都能出发点击事件。 2.点击“添加列表项按钮”,实现如下: 这时点击1,2,3还是能触发点击事件,但是点击动态添加的4,5节点时却无反应。 此时代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

解决 jQuery 动态新增节点无法触发 onclick 点击事件的问题

     问题: 当我们在网页加载完成后, 使用 JQuery 给页面动态增加增加节点时, 会发现新增节点无法触发点击事件      处理: 使用 live() 或 on() 方法给新增节点添加点击事件    !!!注意: live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。      所以 JQuery 1.9 后的版本请使用  on() 方法给元素添加点...

jquery动态添加元素无法触发绑定的事件的解决方案

先上我出错的代码: $(document).ready(function(){         //这里是动态添加元素 $(".add").click(function(){ var btn = $("新按钮"); $("body")

jquery live方法,解决jquery动态添加按钮无法触发点击事件的问题

在学习jquery过程中,做过这样一个小应用,即动态添加信息到表格中,表格最后有一个删除按钮,结果用jquery添加的按钮点击并不能触发在jquery中定义好的click事件。通过多种方法的尝试,发现jquery中的live()方法能解决这个问题。      先展示一下API文档中对live()的概述:           jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是

前端js中动态添加的元素不能触发绑定事件解决方法

问题描述:在页面选择关键词时,需要将关键词元素绑定点击事件使同一类型的关键词只有一个固定class,使其随点击更换,目的是为了让这一类型的关键词的值可以由class获取。在原本写死的关键词上绑定的事件是可用的,但是换成动态加载后发现只能适用于写死的情况。很无奈,在网上搜索一番后花了点时间终于解决了,下面奉上。  参考文章:https://blog.csdn.net/qq_35129893/art...

js/jq动态添加Class,无法添加点击事件

js/jq动态添加的Class,有时候click事件不好使。可以在标签上加onclick。或者用如下代码来添加。 $(document).on('click','.classname',function (){});

jQuery.on() 函数详解--解决动态加载的标签无法绑定点击事件

on()函数用于为指定元素的一个或多个事件绑定事件处理函数。 此外,你还可以额外传递给事件处理函数一些所需的数据。 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。 on()支持直接在目标元素上绑定事件,也支持在目标元素的祖辈元素上委托绑定。在事件委托绑定模式下,即

js/jq 动态添加的元素不能触发绑定事件解决方案

js/jq 动态添加的元素不能触发绑定事件解决方案

jquery动态添加元素无法触发绑定的事件的解决方案。

最近遇到一个问题,即当用jquery动态添加元素后,发现给动态添加的元素却无法触发事件。后来在网上查阅了一些资料,发现原来要这样处理:  先上我出错的代码:   <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href=

jQuery中动态创建元素节点无法触发事件

jQuery中动态创建元素节点无法触发事件 动态创建代码,如下:<div class="a">点击添加动态元素</div> <p class="b"></p> <!--动态节点放在p标签中-->$(".a").click(function(){ var html = ‘<a class="btn">动态添加的按钮</a>’; $(".b").html(html); })给创建的”a”标

关于jquery动态加载li时点击事件无法加载的问题

一开始做个操作栏,如图: 点击角色管理,弹出下拉框,在点击收起,点击增加角色,会通过iframe加载页面,页面样式为: 角色管理 增加角色 模块管理

解决jQuery ajax 动态新增节点无法触发点击事件的问题

假设在某个页面的body下有以下结构的代码:&amp;lt;ul id=&quot;demo&quot;&amp;gt; &amp;lt;li class=&quot;demo1&quot;&amp;gt;a1&amp;lt;/li&amp;gt; &amp;lt;li class=&quot;demo1&quot;&amp;gt;a2&amp;lt;/li&amp;gt; &amp;lt;li class=&quot;demo1&quot;&amp;gt;a3&amp;lt;/li&amp;gt;

JQuery动态绑定 事件 点击事件无效

&amp;lt;div id=&quot;Container&quot; &amp;gt; //动态加载代码 &amp;lt;/div&amp;gt; 加载内容HTML: &amp;lt;li class=&quot;floatX&quot;&amp;gt; //code &amp;lt;/li&amp;gt; 无效使用: 1、 $(&quot;.floatX&quot;).on('click',function () { console.log(this);

JQ-动态添加元素-click方法没有触发解决方法

如果动态添加DOM元素,并且新元素使用click方法绑定,则click方法不会触发,因为click只能绑定页面已存在的元素,如果要给动态添加的元素绑定方法,应该使用代理方法,如on()。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;titl...

jQuery绑定动态元素的点击事件无效

之前就一直受这个问题的困扰,在写ajax加载数据的时候发现,后面追加进来的demo节点元素,失去了之前的点击事件。为什么点击事件失效,我们该怎么去解决呢?那么,我们通过下面的示例简单说明。示例如下:<div> <ul id="demo"> <li>Kubernetes:下一代分布式系统的护戒使者</li> <li>机器学习工具--Pandas cheat sheet</li>

Jquery动态添加节点,绑定事件失效的解决方法

1.事件绑定在append之前时,会出现绑定事件失效。 如图: 解决方法:使用on绑定事件,给此动态节点的父元素(非动态节点)绑定。 即:$("父元素").on("事件",“动态子元素”,function(){ 执行函数; }) 如图: 闲谈:博客以分享工作中遇到的问题以及个人的解决方法为主,难免会有错误或者不足之处,敬请告知,大家一起成长!谢~ 个

jQuery动态添加多个元素后,绑定事件全部触发的解决办法

这个解决办法非常简单,而且我也深深地意识到这篇文章不会写太长,因为真的很简单。 首先来看一下例子: for (var i = 0; i < 5; i++) { $tr += "" + "" + (i + 1) + "" //此处是非关键代码 + "" + "<input type='button' name='pa

关于jQuery ajax无法触发点击事件的问题

问题 jQuery ajax无法触发点击事件 $(document).ready(function () { var $leftLinks = $(&quot;#opt_list a&quot;) // 点击事件不起作用 /*$leftLinks.eq(1).click(initNews()); $leftLinks.eq(3).click(initTopics());...

JQuery on()方法绑定动态元素的点击事件无响应的解决办法

$('#check_all').on('click' , function(){ alert(1); }); $(&quot;#yujinlist&quot;).append(html); count++; }以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的:支持给动态元素和属性绑定事件的是live和on

AJAX动态添加li之后无法触发事件

$(".sewvbm2").on("click","li",function(){}); 直接用click可能会失效,$(".sewvbm2").click(function(){})

关于jq动态创建出按钮不能添加事件解决办法

关于jq动态创建出按钮不能添加事件解决办法

jquery使用("#id").click(function(){})点击事件失效的解决办法

将("#id").click(function(){ 。。。。。。。。。。。 })改成下面这个就可以触发了 $("div").delegate("#id", "click", function(){ ...............});

jquery的点击事件,非动态加载点击与动态加载点击

jquery的点击事件,非动态加载点击与动态加载点击写法不同1.非动态加载点击&amp;lt;div id=&quot;clickdemo&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;1&amp;lt;li&amp;gt; &amp;lt;/ul&amp;gt; &amp;lt;/div&amp;gt;点击1触发 $(&quot;#clickdemo ul li&quot;).on(&quot;click&quot;,function

jquery为动态添加的元素绑定点击事件

&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;    &amp;lt;title&amp;gt;jquery 点击动态添加的元素&amp;lt;/title&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;body&amp;gt;    &amp;lt;ul id=&quot;add-item&quot;&amp;gt;&amp;lt;/ul&amp;gt;    &amp;lt;button id=&quot;add-btn&quot;&amp;g

JQuery给元素绑定click事件多次执行的解决方法

原绑定方法:  代码如下: $("#sdfsd").on("mouseout",function(e){ ***** });  这种方法只会在原click方法中继续添加新方法;  解决办法更改绑定方法为:  代码如下: $("#sdfsd").unbind("click").click(function(e){ ***** });  在绑定新cli

js动态加载HTML元素时出现的无效的点击事件

原文地址: http://www.cnblogs.com/heganlin/p/5848833.html在开发的过程过发现通过js动态添加的html代码绑定的事件不起作用,后来百度搜索到这篇文章,为防止找不到,特在此备份。js动态加载HTML元素时出现的无效的点击事件项目中列表数据中隐藏着详情数据,图一:详情数据是:根据当前行的数据作为参数,通过ajax请求到后台返回的数据,再根据返回的结果动态生...

JQuery给动态生成的DOM元素绑定点击事件

最近做项目的时候,使用ajax调用后台数据来动态生成页面内容。然后在给那些内容绑定一个点击事件的时候,发现点击竟然无效了。原因是:ajax有个请求时间,无论是同步还是异步,JQuery进行的绑定都会在页面加载完后立刻进行,而不是等待ajax请求完。也就是说,绑定的元素绑空了。那这个问题怎么解决呢。方法如下: 在动态生成的时候绑定一个函数,并把对象传进去,如: strhtml = str

jQuery为动态加载完成的元素添加点击事件

1.加载元素 $.ajax({ type: &quot;get&quot;, url:baseUrl + &quot;/dict/classes&quot;, crossDomain:true, dataType:&quot;json&quot;, cache:false, success: function(msg) { if(!msg ) { return; } ...

Jquery ajax在select中动态加载option并且添加点击事件

select中动态加载option并且添加点击事件jsp代码:<script type="text/javascript"> $(function(){ findCenterName(); }); </script> <body> <select id="centerNameSelect" > </body> js代码:fun

jquery获取触发事件相关的id

jquery获取触发事件相关的id  /*根据点击元素的id更改页面的标志*/         var e = window.event;            //获取被点击的元素id         var thisidname=$(e.target).attr('id');

动态添加的标签,class属性无效(绑定事件不可用)

前面一篇文章提到动态添加、删除一行的实现方法 在项目中第一次写动态添加的时候,遇到了一个问题,就是添加的标签,之前绑定的同class事件都失效了,查资料后发现,是绑定事件使用的方法不对,下面说一下。 首先是失效情况 $('.btn').click(function() { alert('点击了按钮'); }); 可以看到上面我是用.click()的方式绑定事件的,这个方法对动态添加的元...

动态获取数据点击事件不生效的解决办法

html:   &amp;lt;div class=&quot;list-click&quot;&amp;gt;点击我&amp;lt;/div&amp;gt; css:     .list-click { cursor: pointer;//IOS失效时给点击的元素添加这个属性 } script:     $(document).on('click',&quot;.list-click&quot;,function(e){ ...

动态生成的DOM做点击事件无效

最近写项目的时候遇到了这种情况,页面中的html标签都是从后台获取的数据,然后利用JS添加到页面上,当再对生成的标签写点击事件(click)时没有效果。项目时这样的,首先从后台接收到数据然后通过递归动态生成标签,代码如下:var showTree = function(a,b){ if(a.nodes.length <= 0) return ''

jquery插件dataTable. 添加一行记录---触发click()事件

https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css js: $(document).ready(function() { var t = $('#example').DataTable(); var counter = 1; $('#addRow').on( 'click', functi

jq动态生成HTML元素时,点击事件无效

第一次写,作为自己的一个学习笔记。原因:动态添加的HTML元素是在CSS,JS代码加载完成后再添加的HTML页面。在浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这些绑定事件的标签元素还没有生成。而普通.click事件只能绑定静态元素。用on方法支持动态绑定元素。 解决方案:将普通事件改为.on()委托事件示例:普通绑定事件:$('.btn1').clic...

处理jQuery append加入的元素 绑定事件无效的方法

问题是:通过jQuery append(或者before、after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的。 1. 网上说要用live()函数,亲测无效,应该是jQuery的版本问题,反正到目前为止是不能用了; 2. 解决方法:用on函数,要注意格式(楼主搞了半天,因...

动态生成的html中无法使用jquery事件的解决方法

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了,然而jQuery 1.9及其以上版本提供了on函数来代替。本文讲解了jQuery on函数的使用方法,以及在使用jQuery函数中遇到的一些问题。 jQuery on函数语法 1 $(selector).on(event,childSelector,data,function,map)

使用append出的标签用on绑定事件无效的解决方法

使用append出的标签用on绑定事件无效的解决方法on方法中要先找到原选择器,再找到动态添加的选择器 如下,要给info-list中的动态添加的标签绑定事件<div class="info-panel" id="china-panel"> <div class="title">活动告警发现</div> <div class="info-list"> </div> </di

jquery append插入页面元素之后,元素无法事件监听

我的js代码中有这么一句: $(&quot;#testcontent&quot;).append(&quot;C:&quot;+optionc);(促发点击事件后调用的) 可是append进去的单选按钮 在下面这段代码中无反应。 $(&quot;input[type='radio']&quot;).click(function(){ alert($(this)); }); [colo...

jquery 动态增加的html元素,初始化设置在id或class上的事件无效

一般情况,我们会在页面初始化完成后对class定义一些全局事件,举个例子: $(function() { $(".bot").on("click", function() { alert("977"); }); 正常情况下,这样的写法是正确的。可是往往当我们需要通过jquery动态的添加一些html元素到界面时,会发现定义的全局方法对新增元素无效了,举个例子:

jquery on() 给js动态新添加的元素 绑定的点击事件。

$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……}); $(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……}); js生成的元素绑定事件必须使用live,但新版

JQuery动态生成的dom绑定事件

需要实现一个功能 ,每一天文件列表下对应不同的文件,我要为这些动态生成的文件绑定相应的事件。 记录一下解决相应过程。 待处理的HTML: div class="col-sm-9" id="filelist"> video controls="" width="320" height="240" class="video_link" poster="xxx.jpg">

JQuery实现动态添加的标签元素的点击事件

这里所说的动态添加的元素的意思是:用js添加的标签元素 先说一下我遇到的问题: 想对一些数据实现分页,就自己写一个分页功能。用的是bootstrap的分页,在页面获取数据列表后,计算出需要分多少页展示,然后用js生成多个页码(是叫页码吗?)。生成后,点击某个页码跳到相应的页,这时肯定要有点击事件。问题来了,没有点击事件。(最初一脸黑人问号)   这是因为在注册click后,再用...

解决jquery动态创建元素绑定事件失效问题

存在问题 在我们使用jquery动态创建元素后往往会遇到一些问题,如: 给.button按钮绑定了点击时间,执行alert:(1);    点击事件代码如下: $("#add").click(function(){ var btn=''; $("#box").html(btn); }); $(".button").click(function(){ alert(1); })

IE8下某些点击事件失效

应用场景:    &amp;lt;a href=&quot;javascript:newxtPage();&quot;&amp;gt;&amp;lt;input type=&quot;button&quot; value=&quot;下一页&quot; /&amp;gt;&amp;lt;/a&amp;gt;现象:此时,动态改变href的值,在IE8下点击事件并没有生效。解决办法:将事件添加到input标签,代码如下。  &amp;lt;a href=&quot;javascript:void(0);&quo

当ajax加载更多的时候,动态生成的html里面的事件无法触发

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库——摘自菜鸟教程(http://www.runoob.com/jquery/event-on.html)。       在做项目的时候有时候遇到加载更多的时候,我们以前的做法是在动态加

js/jQuery 触发点击事件、改变事件

  jQuery 方式 $(&quot;#id&quot;).trigger(&quot;onclick&quot;,[param1,param2..]);    JavaScript 方式 document.getElementById(&quot;id&quot;).click();  

jQuery为动态添加的新元素绑定点击事件

1.首先如何用jQuery动态添加a标签: for (var index=0; index<5; index++){ var h = '动态添加点击事件'; $(h).appendTo($(".menu_list .ups")); } 动态添加后效果: 2.为新添加的a标签添加点击事件(1.7后用.on()方法实现): $(function(){ $(".menu_list

【已解决】jquery append 绑定click事件失效解决方案

因为要异步加载一些东西,并且需要在使用append添加的元素上绑定click方法,就出现了失效的情况。 &amp;lt;div style=&quot;background-color: #ffffff;&quot; class=&quot;addresstop&quot;&amp;gt; &amp;lt;div class=&quot;addressli&quot;&amp;gt; &amp;lt;div class=&quot;addressli1&quot;&amp;gt;xxx

jquery 动态添加的元素不能触发绑定事件解决方案

https://blog.csdn.net/qq_35129893/article/details/78363211?locationNum=2&amp;amp;fps=1

相关热词 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园 c# 设置当前标注样式
立即提问