javascript - 延迟函数直到 $ 可用

Question

雅虎建议load scripts at the bottom of an HTML pages出于性能原因。我使用遵守规则的 HTML5 Boilerplate。

这种方法的问题是 jQuery 也是在底部加载的。如果出于某种原因我需要编写包含 jQuery 代码的内联 javascript 我不能，因为 $在命名空间中尚不可用。

例如 galleria.js(jQuery 图片库引擎)会发生这种情况，它需要此标记:

<div id="gallery">
    <img src="/media/img1.png" />
    <img src="/media/img2.png" />
</div>

<script>
$('#gallery').css('height', '200px'); // this is required for galleria to work
Galleria.run('#gallery');
</script>

设置#gallery高度的代码不起作用，因为稍后加载 jQuery。 Firebug 控制台提供:

ReferenceError: $ is not defined

任何提示 <script> 执行的提示阻塞直到 $符号可以在命名空间中找到吗？

Answer 1

留下你的 jQuery <script>在底部标记，然后移动 Galleria <script>就在那之下。

<script type="text/javascript" src="jquery.js"></script>
<script>
$('#gallery').css('height', '200px'); // this is required for galleria to work
Galleria.run('#gallery');
</script>