Куда положить $ (Document) .ready (function () {});

Question

Я прочитал, что для работы jQuery у меня должен быть следующий код:

$(Document).ready(function(){
    //some code
)};

Но я не уверен, какой файл сначала компилируется в application.js, поэтому где я должен поместить этокод и как мне поместить все остальные файлы в этот файл?

Answer 1

Вы определяете файлы, включенные в application.js, вы можете require явно указывать их, если необходимо контролировать последовательность их загрузки. Если вы используете require tree, файлы загружаются в алфавитном порядке.

Стратегия использования шаблона готовности jQuery обычно заключается в том, чтобы просто использовать его для переноса вызова функции типа initialize(), где intializeэто функция, определенная в другом месте в ваших файлах jsЭто может быть трудно читать, если вы поместите много кода в готовую оболочку документа, сделайте это простым. Лучше всего использовать только одну готовую оболочку для документов, чтобы вы были уверены в последовательности инициализации.

Answer 2

Связанный: Почему jQuery или метод DOM, такой как getElementById, не находит элемент?
Связанный: https://learn.jquery.com/using-jquery-core/document-ready/

Цель готового документа - дать вам возможностьвключить ваш скрипт в любое место на странице, и javascript будет задерживать его выполнение до тех пор, пока разметка файла не будет полностью проанализирована и загружена в DOM. Изображения и другие ресурсы, возможно, еще не загружены, но элементы документа будут существовать.

С учетом этого готовый документ не является требованием. Если вы структурируете документ по шаблону, тогда ваш JavaScript включен в нижней части страницы или, по крайней мере, после того, как все элементы будут ссылаться на него, готовый документ не нужен. Как только элементы находятся в DOM, JavaScript может найти их.

Примечание. Document в вашем фрагменте должно быть document, так как оно чувствительно к регистру.