jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：
1、新建html文件。
2、创建输入框和按钮。
3、预览效果如图。
4、接下来需要引入jquery.js。
5、设置输入框 keydown 事件和click 事件。
6、按钮点击触发事件。
7、click按钮按下效果如图。
实现的方法如下：
1、第一步，创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的 *** 作之后，创建输入框和按钮，见下图，转到下面的步骤。
3、第三步，执行完上面的 *** 作之后，预览效果见下图，转到下面的步骤。
4、第四步，执行完上面的 *** 作之后，需要引入jquery.js，见下图，转到下面的步骤。
5、第五步，执行完上面的 *** 作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。
6、第六步，执行完上面的 *** 作之后，按钮单击触发事件，见下图，转到下面的步骤。
7、第七步，执行完上面的 *** 作之后，单击按钮，效果见下图。这样，就解决了这个问题了。
<!DOCTYPE html><html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
.kuai_two{
display:none
}
</style>
<script>
onload=function(){
var lis = document.getElementsByTagName("li")
for(var i=0i<lis.lengthi++){
var li = lis[i]
var div=li.children[1]
li.onmouseenter = function(){
div.style.display='block'
}
li.onmouseleave=function(){
div.style.display='none'
}
}
}
</script>
</head>
<body>
<ul>
<li> dfgdgdfg
<dl>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
<dd><a>sdf</a></dd>
</dl>
<div class="kuai_two">
<p>
aaaaaa
</p>
<br /><br />
<p>
bbbbbb
</p>
<br /><br />
<h5>
site
</h5>
<p>
11111
</p>
<p>
22222
</p>
<p>
333
</p>
<p>
66666
</p>
<p>
55555
</p>
</div>
</li>
</ul>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）