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

Posted 2023-04-26

是一个可以预览缩略图的功能，刚载入页面时运行正常，刷新后，就没反应了，求大神解救
<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(););

参考技术A 把remove放到最前面吧 参考技术B 第一个应该是监听 mousein 事件吧

JS页面 如何实现刷新指定DIV？

参考技术A

1、将innerHTML所在的方法用一个单独的函数写出来，然后需要时再调用。

如function Load(）

.......

......document.getElementById(".....").innerHTML=......;

2、然后，需要刷新该div的时候就调用一下该Load()函数，这样就避免了整个页面刷新了。如：

页面加载完毕执行：$(Load());

3、执行某ajax后执行：$.ajax(

 url : ...,

 data : ......,

 type : 'post',

 success:function(e)

 Load();//调用

)