给动态添加的li绑定hover事件
给动态添加的li绑定hover事件试了各种写法都不行，mouseenter和mouseleave也不行，要怎么绑定呀，该元素已经绑定了一个click事件了...
给动态添加的li绑定hover事件试了各种写法都不行，mouseenter和mouseleave也不行，要怎么绑定呀，该元素已经绑定了一个click事件了
展开
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#list li").live("mouseover",function(){
$("#res").html($(this).html()+"MouseOver");
});
$("#list li").live("mouseout",function(){
$("#res").html($(this).html()+"MouseOut");
});
var index=1;
$("#add").click(function(){
$("#list").append("<li>元素"+(index++)+"</li>");
});
});
</script>
</head>
<body>
<input type="button" id="add" value="添加元素"/>
<ul id="list">
<li>A</li>
<li>B</li>
</ul>
<div id="res"></div>
</body>
</html>
说明，jQuery版本是1.8.3,测试可用。
希望对你有帮助 。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script src="jquery.js"></script>
<script>
$(function(){
$("#list li").live("mouseover",function(){
$("#res").html($(this).html()+"MouseOver");
});
$("#list li").live("mouseout",function(){
$("#res").html($(this).html()+"MouseOut");
});
var index=1;
$("#add").click(function(){
$("#list").append("<li>元素"+(index++)+"</li>");
});
});
</script>
</head>
<body>
<input type="button" id="add" value="添加元素"/>
<ul id="list">
<li>A</li>
<li>B</li>
</ul>
<div id="res"></div>
</body>
</html>
说明，jQuery版本是1.8.3,测试可用。
希望对你有帮助 。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
Storm代理
2023-08-29 广告
"StormProxies是全球大数据IP资源服务商，其住宅代理网络由真实的家庭住宅IP组成，可为企业或个人提供满足各种场景的代理产品。点击免费测试（注册即送1G流量）StormProxies有哪些优势？1、IP+端口提取形式，不限带宽，I...
点击进入详情页
本回答由Storm代理提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
