JQuery 引发两次$(document.ready)事件

2016-02-19 14:20 49 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JQuery 引发两次$(document.ready)事件教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

页面大概是这样的,一个Partial View,而这个View包含了一小段绑定Search的Javascript,并且用Jquery-ui 的dialog 包含,而且确定不是ASP.net mvc生成HTML的问题,HTML是依照我的想法生成的,后来实在没有办法,把dialog的代码去掉,Search按就正常了。查了一下dialog的代码,发现 是appendTo引发的。
做了实验,代码如下:
代码
代码如下:
script type="text/javascript"
$(document).ready(function() {
$("#a1").appendTo($("#a2"));
});
/script

div id="a1"
script type="text/javascript"
alert('a1');
/script
/div

div id="a2"
/div

预计 alert('a1') 应该执行一次的,但是由于使用了appendTo,执行了两次,无论你在 a1 div里面是否使用$(document).ready,都会运行两次javascript,第一次document 加载完成,第二次是调用 appendTo.

首先改为下面这种方式,失败。
代码
代码如下:
div id="a1"
script type="text/javascript"
loaded = false;
if (loaded == false) {
alert('a1');
loaded = true;
}
/script
/div

再改成下面这种,就可以成功了。
代码如下:
var loaded = false;
$(document).ready(function() {
if (!loaded) {
alert('a1');
loaded = true;
}
});

来源:https://www.tulaoshi.com/n/20160219/1606760.html

延伸阅读
标签: 怀孕
孕妇夏天要如何洗澡呢?盛夏季节,大多数人都会每天洗很多次澡来缓解身体的出汗等现象。那么,作为特殊时期的准妈妈来说,夏天洗澡是有规定的哦。这是 怀孕注意事项 中最常见的内容,下面就来一起看看是怎样的吧。 孕妇夏天洗澡的次数和时间 每天最多洗三次澡。妇产科专家表示,妇女怀孕以后,皮肤上皮屑会增多,汗腺及皮脂腺的分泌也旺盛...
“我们临床收治的儿童皮炎患者的确比春季增长了30%左右,大多数是婴幼儿。但要说剃头更容易患上日光性皮炎,这很难得出肯定的结论来,因为孩子患皮炎、湿疹的部位基本都还是在身体皮肤上,像后颈部、手肘处等有弯曲褶皱的地方。”广州女子医院儿科段法伟医生介绍说。 他告诉记者,夏天发生的季节性皮炎很大程度可“归罪”于孩子太过...
标签: Web开发
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件和JQuery的Ready方法相比,有很多弊端.比如: 1.加载多个函数的问题 body onload="a();b();" /body 在Onload事件中只能这...
标签: PS
利用PS两次通道抠出透明婚纱 同样是通道抠图,不过作者用两次通道来完成。操作的目的也非常明确,首先用通道把透明婚纱的主色部分抠出来(www.tulaoshi.com),然后再用通道把高光部分提取出来即可。 photoshop教程原图 最终效果 1、将背景复制两层,分别改为不透明体和透明体,用钢笔工具分别描出选区,适当...
标签: Web开发
一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的...

经验教程

385

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部