jQuery里ajax和hover的综合运用怎么无效呢？

Question

[test.jsp代码]
...

<script src="js/test.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/test.css"/>

...

店名

[test.css代码]
.hover{
cursor: pointer;
background-color: red;
}

[test.js代码]
$(document).ready(function(){
$.get('getRestaurant.do?',function(data){
$('#my_data .data').empty();
$(data).find('name').each(function(){
var html = '

';
html += $(this).text() + "";
$('#my_data .data').append(html);
});
});
});

$(document).ready(function() {
$('#my_data .data td').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});

各位大虾，帮小弟看看为什么hover没有效果呢？

Answer 1

可能是因为ajax请求是异步的，后面的hover绑定在ajax请求返回前就执行了，所以无效。你可以用jquery 1.3里面的live来绑定事件，或者在ajax里的请求回调函数里面绑定普通的hover函数。