小技巧--让JS代码只执行一次
有时候实在是没办法,就像我这个比赛系统中,有一个弹出框,这个弹出框之外都是模糊的(这是在ajax写出弹出框时,加了一个水印)。
然而遇到的问题,也是蹊跷古怪,因为这个弹出框的事件是数据查询事件,但是因为点击分页,每点击一下,触发一次这个事件,故而不断添加水印。
代码如下:
//比赛查询 function showBscxBox(requestUrl,param){ jQuery.ajax({ type:"post", url:"matchsearch.do", data:param, success:function(ret){ $("<div class='loadmask'></div>").appendTo('body');
$("#bscx").removeClass('none').html(ret); } }) }
所以多点击几次分页,水印就更深,深到页面上只看到这个弹出框。
为了解决这个问题,我能想到的办法就是,让这句加水印的代码,只执行一次。这是原理,在网上看到的。
//定义一个全局变量
var isFirst = true; function doS(){ if(isFirst){ doSth...//这里写你要做什么 isFirst = false; } }
故而也如此改之。
var unMask = true; //用来让加水印的代码只执行一次 function showBscxBox(requestUrl,param){ jQuery.ajax({ type:"post", url:"matchsearch.do?type=4", data:param, success:function(ret){ if(unMask){ $("<div class='loadmask'></div>").appendTo('body'); unMask=false;} $("#bscx").removeClass('none').html(ret); } }) }
愉快地解决了,采用此种方案也是不得已而为之。这公司前人的代码实在是太乱了。。。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战