Bootstrap javascript 在最后和 jQuery $(document).ready答案

【问题标题】：Bootstrap javascript at very end and jQuery $(document).readyBootstrap javascript 在最后和 jQuery $(document).ready
【发布时间】：2012-03-16 11:05:23
【问题描述】：

大部分 jQuery 依赖于 $(document).ready ... 为什么 bootstrap 2.0 在最后包含 javascript 库调用？

有没有办法让$(document).ready 在最后保持 js lib 调用？

更新：一个常见的例子（也是我沮丧的根源！）是$("#id").click()，如果你不将它放在.ready 函数中，它似乎不起作用......

【问题讨论】：

标签： javascript jquery css twitter-bootstrap

【解决方案1】：

jQuery 仅“依赖”$(document).ready() 以支持在文档仍在加载时评估的脚本（例如，驻留在文档的 <head> 或在其 <body> 中途的脚本）。

将脚本放在末尾可确保在评估脚本时加载文档的其余部分，因此在这种情况下不需要$(document).ready()。

【讨论】：

好吧，经过一段时间的摸索，我发现 $('#id').click() 如果不放在 $(document).ready() 之外似乎不起作用...是有办法让它保持旧的 twitter bootstrap js lib 顺序
@ina，你的意思是在里面，不是在外面，对吧？这很奇怪，#id 元素应该对脚本可见，除非它出现在页面上该脚本之后。我认为情况并非如此？
嗯，这是顺序问题吗？那么这是正确的方法吗：<div id="id">test</div> ...很多其他东西，最后是页脚中的 le javascript 库，然后是 <javascript> $('#id').click(alert('hi')); </javascript>
@ina，当然，目标是让浏览器在<script>$('#id').click(function() { alert('hi'); });</script> 之前看到<div id="id">test</div>。

【解决方案2】：

我希望它在文件末尾加载它以提高性能 - 请参阅 Yahoo best practices。

你可以在 jQuery 加载之后放置你自己的 JS 脚本标签吗？如果你把它放在 jQuery 加载之后，它应该可以工作，并且它还应该允许你的页面在你的代码加载时显示。

【讨论】：