JQuery 动态添加控件ID，无法触发点击事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery 动态添加控件ID，无法触发点击事件相关的知识，希望对你有一定的参考价值。
js代码
function hehe()
$("#wo").append("<p id = 'h1'>我我</p>");
function a($dd)
$("#"+$dd).html('妮妮');
html代码
<div>
<p onclick = "hehe()">标题</p>
<p onclick = "a('h1')">内容</p>
<p id = "#wo">塔塔</p>
</div>
点击内容后，为什么无法改变呢，大侠帮帮忙吧
改为：
<p id = "wo">塔塔</p>
把“#”去掉，已经是id了。追问
把#号去掉，还是不行，还有其他方法吗
追答你说一下你想要的效果。
追问想实现动态添加控件，然后通过点击改变此控件的值
追答<!doctype html><html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<title>无标题文档</title>
</head>
<body>
<div>
<p onclick = "hehe()">标题</p>
<p onclick = "a(\'h1\')">内容</p>
<p id = "wo">塔塔</p>
</div>
</body>
<script>
function hehe()
$("#wo").append("<p id = \'h1\'>我我</p>");
function a($dd)
$("#"+$dd).html(\'妮妮\');
</script>
</html> 参考技术A 最后一个p的id写错了 ,应该是<p id = "wo">塔塔</p>追问
把#号去掉还是不行，还有办法不
追答去掉#应该就可以了，看看是不是缓存影响的，是不是没有引入jQuery,多多调试一下吧
参考技术B <p id = "#wo">塔塔</p>改成<p id = "wo">塔塔</p>
你先点标题再点内容才能变追问
去掉#号，还是不行，麻烦你再看看哪有问题，确实是先点标题，再点内容的，可是木有反应
追答我就是复制了你的，可以啊
你引js包了吗
解决jQuery ajax动态新增节点无法触发点击事件的问题
在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?
其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。
解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法，为了达到更好的演示效果，假设在某个页面的body下有以下结构的代码：
1 <ul id="demo"> 2 <li class="demo1">a1</li> 3 <li class="demo1">a2</li> 4 <li class="demo1">a3</li> 5 </ul> 6 7 <script type="text/javascript"> 8 $("#demo").click(function(){ 9 $("#demo").append(‘<li class="demo1">aaa4</li>‘); //动态像ul的末尾追加一个新元素 10 }); 11 </script>
方法一：使用live：
live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。
实现如下：
$(‘.demo1‘).live(‘click‘, function(){
alert(‘OK‘);
});
方法二：使用on：
可以通过on方法绑定事件，可以绑定到它的父级或者body中，实现如下：
$("#demo").on(‘click‘,‘.demol‘,function(){
alert(‘OK‘)
});
通过上面的两种方法，都可以解决jQuery ajax动态新增节点无法触发点击事件的问题。知道方法了，赶紧的试试吧。
来源：http://www.shuchengxian.com/Article/info/id/228.html
以上是关于JQuery 动态添加控件ID，无法触发点击事件的主要内容，如果未能解决你的问题，请参考以下文章
用Jquery的append事件动态添加控件，点击添加时会清空原来动态控件中的值。是啥原因？
解决jQuery ajax动态新增节点无法触发点击事件的问题