Как использовать head.js для правильной загрузки jQuery?

Поскольку моему веб-сайту необходимо загрузить несколько скриптов (включая jQuery), я решил использовать head.js для этой цели. Изначально у меня есть:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://js-hotkeys.googlecode.com/files/jquery.hotkeys-0.7.9.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>

где script.js - мой собственный скрипт. В scripts.js у меня был некоторый код, использующий событие готовности документа, подобное этому:

$(function() {
//...
});

При переходе на head.js я использую это для загрузки скриптов:

<script type="text/javascript" src="head.load.min-1.0.3.js"></script>
<script type="text/javascript">
head.load([{jQ: "http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"},
            {jQHK: "http://js-hotkeys.googlecode.com/files/jquery.hotkeys-0.7.9.min.js"},
            {BS: "bootstrap/js/bootstrap.min.js"},
            {Mine: "scripts.js"}]);
</script>

И в scripts.js я использую:

head.ready("jQ", function() {
//...
});

Мои вопросы:

  1. Я правильно делаю?

  2. Могу ли я предположить, что DOM всегда готов при запуске head.ready("jQ",...) (у меня есть опыт работы с моим сайтом, который иногда кажется, что нет)?

0 ответов

Другие вопросы по тегам