jquery+ajax局部刷新部分js失效怎么解决。
<html><head><scriptsrc="jquery.min.js"></script><script>$(function(){$("#menuli").eac...
<html>
<head>
<script src="jquery.min.js"></script>
<script>
$(function(){
$("#menu li").each(function(){
var url=$(this).attr("data");
$(this).on("click",function(){
$("#main").load(url+" #main")
return false;
});
});
$(".first").hover(
function(){
$(this).addClass("abc");
},
function(){
$(this).removeClass("abc");
}
);
});
</script>
<style>
li{list-style:none;}
#menu{width:100%;}
#menu li{width:40px;height:25px;background: #ccc;float:left;margin-right:10px;text-align: center;}
.abc{color:red;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li data="1.html"><a href="http://www.baidu.com">1</a></li>
<li data="2.html"><a href="http://www.hao123.com">2</a></li>
<li data="3.html"><a href="http://www.sina.com">3</a></li>
</ul>
</div>
<div id="main">
<div class="first">aaa</div>
</div>
</body>
</html>
刷新页面1.html aaa上面的有鼠标滑过效果，局部刷新后效果失效。 展开
<head>
<script src="jquery.min.js"></script>
<script>
$(function(){
$("#menu li").each(function(){
var url=$(this).attr("data");
$(this).on("click",function(){
$("#main").load(url+" #main")
return false;
});
});
$(".first").hover(
function(){
$(this).addClass("abc");
},
function(){
$(this).removeClass("abc");
}
);
});
</script>
<style>
li{list-style:none;}
#menu{width:100%;}
#menu li{width:40px;height:25px;background: #ccc;float:left;margin-right:10px;text-align: center;}
.abc{color:red;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li data="1.html"><a href="http://www.baidu.com">1</a></li>
<li data="2.html"><a href="http://www.hao123.com">2</a></li>
<li data="3.html"><a href="http://www.sina.com">3</a></li>
</ul>
</div>
<div id="main">
<div class="first">aaa</div>
</div>
</body>
</html>
刷新页面1.html aaa上面的有鼠标滑过效果，局部刷新后效果失效。 展开
3个回答
展开全部
失效的原因是你仅在页面加载时对元素进行处理，但通过ajax加载的新元素没做处理。
如果你仅需要改变样式，可以在css中通过选择器来实现，如
.first:hover {
color:red;
}如果你还需要对其进行其他处理，则需要在ajax的callback中对新加载的元素进行处理，如添加事件等
追问
谢谢您的回答，目的不是单纯改变样式，是想让js有效
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
