JQuery 引發(fā)兩次$(document.ready)事件
更新時間：2010年01月15日 01:42:34 作者：
ASP.net MVC 做了個工程，不知道為什么Search按就總是執(zhí)行兩次。
頁面大概是這樣的，一個Partial View，而這個View包含了一小段綁定Search的Javascript，并且用Jquery-ui 的dialog 包含，而且確定不是ASP.net mvc生成HTML的問題，HTML是依照我的想法生成的，后來實在沒有辦法，把dialog的代碼去掉，Search按就正常了。查了一下dialog的代碼，發(fā)現(xiàn) 是appendTo引發(fā)的。
做了實驗，代碼如下：
代碼
<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') 應該執(zhí)行一次的，但是由于使用了appendTo，執(zhí)行了兩次，無論你在 a1 div里面是否使用$（document）.ready，都會運行兩次javascript，第一次document 加載完成，第二次是調(diào)用 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;
}
});
做了實驗，代碼如下：
代碼
復制代碼 代碼如下:
<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') 應該執(zhí)行一次的，但是由于使用了appendTo，執(zhí)行了兩次，無論你在 a1 div里面是否使用$（document）.ready，都會運行兩次javascript，第一次document 加載完成，第二次是調(diào)用 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;
}
});
您可能感興趣的文章:
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery之$(document).ready()使用介紹
- JQuery onload、ready概念介紹及使用方法
- jquery中的$(document).ready()使用小結
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- jquery的$(document).ready()和onload的加載順序
- jquery ready()的幾種實現(xiàn)方法小結
- jquery中的$(document).ready()與window.onload的區(qū)別
- 用javascript實現(xiàn)jquery的document.ready功能的實現(xiàn)代碼
- jQuery 的 ready()的純js替代方法
相關文章
JQuery 構建客戶/服務分離的鏈接模型中Table分頁代碼效率初探
JQuery構建客戶/服務分離的鏈接模型中Table分頁代碼效率初探！2010-01-01
打造個性化的功能強大的Jquery虛擬鍵盤(VirtualKeyboard)
本文主要講訴了如何一起一步一步打造個性化的VirtualKeyboard：功能強大的Jquery虛擬鍵盤，非常的詳細，非常實用，有需要的朋友可以參考下2014-10-10
修改jQuery.Autocomplete插件 支持中文輸入法 避免TAB、ENTER鍵失效、導致表單提交
jQuery.Autocomplete 是jquery的流行插件，能夠很好的實現(xiàn)輸入框的自動完成(autocomplete)、建議提示(input suggest)功能，支持ajax數(shù)據(jù)加載。2009-10-10
本篇文章是基于JQuery在線制作的ppt在線演示，非常高大尚，效果非常好，需要的朋友可以參考下。2015-09-09
jQuery中的Deferred和promise 的區(qū)別
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關資料,需要的朋友可以參考下2016-04-04
本文給大家分享的是一則使用jQuery獲得內(nèi)容以及內(nèi)容的屬性的方法和示例，非常實用，推薦給大家。2015-02-02
JQuery是個不錯的框架，以下總結了5個每個網(wǎng)站開發(fā)者都應該知道的小技巧，都是一些非常不錯的，經(jīng)常能用得到的。2010-01-01
很多網(wǎng)站上都有返回頂部的效果，本文闡述如何使用jquery實現(xiàn)返回頂部按鈕,需要的朋友可以參考下2012-12-12
jquery獲取easyui日期控件的值實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query獲取easyui日期控件的值實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
相信大家應該都會看到在各大網(wǎng)站上都有一個輪播器的效果，于是自己不禁也想做一個，查了資料，看了輪播器的原理，慢慢的試著做了做，最終效果勉勉強強，但還是想總結出來，或許對有需要的朋友們帶來一定的幫助，下面來一起看看吧。2016-12-12