html页面局部加载所带来的事件重复绑定解决办法bootstrap-table ajax Load遇到的问题

最新推荐文章于 2021-10-21 13:57:44 发布

原创最新推荐文章于 2021-10-21 13:57:44 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

前端多次绑定事件专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用局部刷新技术时遇到的事件重复绑定问题，并提供了具体的解决方案。通过在加载前移除所有事件绑定，避免了因多次加载而导致的booststrap事件冲突。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(".showStuCensusByStuIdInit").on("click",function(){
		//由于页面是局部刷新导致多次加载booststrap重复绑定事件，所以在加载前 移除了
    	$(document).off();
    	$(document).unbind();
    	var url="/teacher/showStuCensusByStuIdInit.do?stuId="+$(this).next().val();
		$("#showDIV").load(url,function(){
			$("#controlDIV").show();
		})
    	location.hash=url;
    	bak=url;   
	})

通过以下代码移除事件

   function loadhtml(u){
    	//由于页面是局部刷新导致多次加载booststrap重复绑定事件，所以在加载前 移除了
    	$(document).off();
    	$(document).unbind();
    	$(".my-main").load(u);
    	location.hash=u;
    	bak=u;
    	
   }