Intereting Posts
JQuery как удалить «id» из части содержимого html Удалите vbscript или деактивируйте vbscript из исходного кода html. Прослушивание onChange на jQuery datepicker? Предупреждение: mysql_fetch_array (): предоставленный аргумент не является допустимым результатом MySQL в строке 40 Как разобрать содержимое html с помощью javascript или jQuery Использовать встроенный стиль медиа-запросов Кнопка для выбора выбора файла для загрузки диалогового windows setTimeout для загрузки элементов в выпадающем списке Предельные символы, отображаемые в диапазоне Огромное свободное пространство после заголовка в PDF с помощью Flying Saucer DIV увеличить размер windows на клике Как отображать изображение из локального пути из jsp Как поместить текст поверх изображения без абсолютного позиционирования или установить изображение как обратное jquery несколько таблиц фильтра слайдера ярлыка при изменении Стиль CSS для ведущих точек

Как использовать defer для встроенного Javascript

Я разрабатываю веб-страницу в PHP с Laravel. Я хочу использовать атрибуты «defer» или «async» для своих файлов javascript, но у меня есть несколько проблем. В каждом документе я загружаю заголовок, который содержит:

{{ Html::script('js/jquery.js', array('defer' => 'defer')) }} {{ Html::script('js/bootstrap.min.js', array('defer' => 'defer')) }} {{ Html::script('js/pjax.js', array('defer' => 'defer')) }} {{ Html::script('js/jquery.cookie.js', array('defer' => 'defer')) }} {{ Html::script('js/blur.js', array('defer' => 'defer')) }} {{ Html::script('js/scrollbar.js', array('defer' => 'defer')) }}  {{ Html::script('js/parsley/parsley.remote.js', array('defer' => 'defer')) }} {{ Html::script('js/parsley/parsley.js', array('defer' => 'defer')) }} {{ Html::script('js/parsley/es.js', array('defer' => 'defer')) }} {{ Html::script('js/icheck.js', array('defer' => 'defer')) }}  {{ Html::script('js/funciones.js', array('defer' => 'defer')) }} 

Если я дам им атрибут async, они не будут работать должным образом, потому что некоторые из них являются модульными. Поэтому я попытался с атрибутом defer, и у меня нет этой проблемы, но теперь у меня проблема с встроенным javascript, потому что он вызывает функцию заголовка. (Это находится в нижней части страницы).

  window.addEventListener('popstate', function(e) { eval(document.getElementById("script_biblioteca").innerHTML); }); //Scripts on back/forward section = 'biblioteca'; url_section = "{{Request::root()}}/"+section+"/"; activar_menu('#menu_biblioteca'); buscador('#dinamic_search', '#main', section);  

И ошибка:

 ReferenceError: $ is not defined ReferenceError: activar_menu is not defined 

Как я могу это исправить? И я правильно использую атрибут «defer»?

Один из вариантов – объединить все сценарии в одном скрипте с помощью Gulp.

Таким образом, у вас не было бы этой проблемы, и также не нужно было бы открывать несколько подключений браузера для загрузки нескольких js-файлов.

gulp concat скрипты по порядку?

Также вы получаете сообщение ниже, когда пытаетесь использовать JQuery, но он еще не загружен:

 ReferenceError: $ is not defined