Question

ajax刷新局部页面数据后js事件失效

是一个可以预览缩略图的功能，刚载入页面时运行正常，刷新后，就没反应了，求大神解救
<a class="bigimg" href="../data/purchanseimg/{$val.purchanse_sample_img}" onclick="return false;">预览图片</a>【“预览图”三个字那儿是smarty模板变量，更新数据就是更新的那儿以及href里面的{$val.purchanse_sample_img}】

js代码：
$(".bigimg").on("mouseover",function () {
var imgtip = "<div id='imgtip'><img src='" + $(this).attr("href") + "' width='600'/><\/div>";
$("body").append(imgtip);
document.getElementById("imgtip").style.position="absolute";
document.getElementById("imgtip").style.top=/*(e.pageY+y)+*/"130px";
document.getElementById("imgtip").style.left=/*(e.pageX+x)+*/"200px";
document.getElementById("imgtip").style.display="block";
});
$(".bigimg").on("mouseout",function () {
$("#imgtip").remove();});

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

把remove放到最前面吧

Answer 2

第一个应该是监听 mousein 事件吧