jQuery + head.js:如何从head.js的ready回调内部手动触发$(document).ready()？
我需要优化一个web应用程序的加载时间，其中包含大量的javascript文件包含在它的每个HTML页面。我想在一个这样的页面中尝试head.js，看看它是否可以缩短加载时间。在这些JS文件中有很多$(document).ready(callback)回调，这些回调在加载DOM时被调用，而head.js仍在下载剩余的JS文件。
有没有办法告诉jQuery不要自己触发ready事件，而是让我从head.js的ready回调中触发它？
回答 3
Stack Overflow用户
发布于 2012-08-08 00:38:39
我不确定您为什么要手动触发文档就绪事件。
相反，使用jQuery内置的trigger和bind功能订阅和发布您自己的事件。这是最佳实践和最佳解决方案。
Stack Overflow用户
发布于 2012-11-22 23:19:45
我做了一个小实验。类似于：
<html>
<head>
<script src="head.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
jQuery("document").ready(function() {
console.log("ready.document");
});
</script>
...
<script type="text/javascript">
head.js("a.js", "b.js", "c.js", "test.js", function() {
console.log("init.scripts");
var millis = 2000;
var date = new Date();
var curDate = null;
do {curDate = new Date(); }
while(curDate-date < millis);
jQuery("#ddd").text(testTT);
console.log("init.end");
});
</script>
... a lot of html content ...
<div id="ddd"></div>
...
<script type="text/javascript" >
console.log("last line");
</script>
</body>test.js写入控制台并定义testTT。结果如下所示
last line
init.testTT
init.scripts
init.end
ready.document因此，在这个简单的例子中(使用jQuery 1.8)，首先执行已加载的*.js中的代码，然后在初始化事件上生成head.js，最后生成jQuery就绪事件。因此，等待JQuery生成ready事件应该没问题。但是，如果这仍然是一个问题，您可以执行以下操作。
head.js("a.js", "b.js", "c.js", function() {
jQuery("document").ready(function() {
jQuery("body").trigger("your_event");
});
});而且，不要在*.js start中监听jQuery("document").ready...，而要监听触发jQuery("body").on("your_event", handler)的自定义事件。
Stack Overflow用户
发布于 2013-12-28 23:49:34
创建一个函数，在准备好的文档中注册它
$(document).ready(readyFunc);
readyFunction(){
/// something to do;
}如果您想手动使用它们，只需调用readyFunction()；
https://stackoverflow.com/questions/11382048
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号