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();});