JQuery 引发两次$(document.ready事件
发布时间：2018-08-15 23:06:09 所属栏目：业界 来源：站长网
导读：ASP.net MVC 做了个工程，不知道为什么Search按就总是执行两次。 页面大概是这样的，一个Partial View，而这个View包含了一小段绑定Search的 Java script，并且用Jquery-ui 的dialog 包含，而且确定不是ASP.net mvc生成HTML的问题，HTML是依照我的想法生成
|
ASP.net MVC 做了个工程，不知道为什么Search按就总是执行两次。 页面大概是这样的，一个Partial View，而这个View包含了一小段绑定Search的Javascript，并且用Jquery-ui 的dialog 包含，而且确定不是ASP.net mvc生成HTML的问题，HTML是依照我的想法生成的，后来实在没有办法，把dialog的代码去掉，Search按就正常了。查了一下dialog的代码，发现 是appendTo引发的。 做了实验，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]
<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. 首先改为下面这种方式，失败。代码： Copy to Clipboard引用的内容：[www.veryhuo.com]
<div id="a1"> <script type="text/javascript"> loaded = false; if (loaded == false) { alert('a1'); loaded = true; } </script> </div> 再改成下面这种，就可以成功了。 Copy to Clipboard引用的内容：[www.veryhuo.com]
var loaded = false; $(document).ready(function() { if (!loaded) { alert('a1'); loaded = true; } }); （编辑：核心网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读