问题描述:
<html>
<heade>
//此处引入jquery库
<script>
$(function(){
$(".mydiv").hover(function(){alert("鼠标经过")},function(){alert("鼠标移出")});
//下面还有好多操作
});
</script>
</hede>
<body>
<div class='mydiv' width='200' heigth='200'>ggggg</div>
</body>
</html>
大家都知道以上函数会在页面加载完之后自动执行,现在我想要做的是:使用ajax技术从服务器端加载很多同样的
<div class='mydiv' width='200' heigth='200'>ggggg</div>这样的div,然后追加到body,使追加的这些div同样能使用hover(fn,fn)的动作,也就是我想每次ajax加载之后再执行一遍以下同样的操作,
$(function(){
$(".mydiv").hover(function(){alert("鼠标经过")},function(){alert("鼠标移出")});
//下面还有好多操作
});
我该怎么做??
------解决方案--------------------
- JScript code
$(document).ready( function() { $(".mydiv").live('hover', function() { alert('mouseenter'); }, function() { alert('mouseleave'); }); });