Как использовать 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() {
//...
});
Мои вопросы:
Я правильно делаю?
Могу ли я предположить, что DOM всегда готов при запуске head.ready("jQ",...) (у меня есть опыт работы с моим сайтом, который иногда кажется, что нет)?