页面大概是这样的，一个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; } });

　　推荐阅读

　　前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

第7个PPT的代码是用 JS 去设置 CSS，这与“不同浏览器解析DOM不同”没有任何关系，是CSS的兼容性！而且用JS去直接设样式是技术理念上的一个错误！ 第9个PPT的代码是用DOM脚本编程，而不是用兼容性更好的表单 name >>>详细阅读

本文标题：JQuery 引发两次$(document.ready)事件

地址：http://www.17bianji.com/kaifa2/JS/27232.html

 1/2    1