源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-07-18 03:50 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JQuery 引发两次$(document.ready)事件
页面大概是这样的,一个Partial View,而这个View包含了一小段绑定Search的Javascript,并且用Jquery-ui 的dialog 包含,而且确定不是ASP.net mvc生成HTML的问题,HTML是依照我的想法生成的,后来实在没有办法,把dialog的代码去掉,Search按就正常了。查了一下dialog的代码,发现 是appendTo引发的。 做了实验,代码如下: 代码
[u]复制代码[/u] 代码如下:
<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. 首先改为下面这种方式,失败。 代码
[u]复制代码[/u] 代码如下:
<div id="a1"> <script type="text/javascript"> loaded = false; if (loaded == false) { alert('a1'); loaded = true; } </script> </div>
再改成下面这种,就可以成功了。
[u]复制代码[/u] 代码如下:
var loaded = false; $(document).ready(function() { if (!loaded) { alert('a1'); loaded = true; } });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部