JQuery 引发两次$(document.ready)事件
想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JQuery 引发两次$(document.ready)事件教程,一起来看看吧!超容易上手~
做了实验,代码如下:
代码
代码如下:
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;
}
});