Intereting Posts
Как я могу легко уменьшить размер установки WordPress от разработки до производства? Следующие и предыдущие кнопки для навигации Получить тег изображения из содержимого сообщения Плагин загрузки zip хорошо работает в локальном хосте, но не на живом сайте Запросить значения postmeta и вернуть несколько post_titles для общей метаинформации add_menu_page не показывает ссылку в меню, однако вы можете получить к ней доступ через url Используйте страницу выбора страниц на странице создания WordPress Почему запуск проверки администратора приведет к ошибке 500? Я вызываю is_super_admin (); Escape WP_Query tax_query, когда термин имеет специальный символ (ы) добавить страницу меню в меню цикла Отзывчивая галерея WordPress Подключение mysql DB к wordpress Запрос с двумя сообщениями и двумя разными мета-ключами Удалить родительскую категорию из permalink? В основном только детская категория? Обновление WordPress update_post_meta с пустым полем meta_value

Связывание Javascript в файле functions.php

Ниже мой сырой javascript внедряется из моего html-шаблона. Но я не могу точно определить, как добавить его в свой файл functions.php. Это кажется довольно сложным. Не могли бы вы помочь с правильным синтаксисом, используя функцию wp_enqueue_script .

 <script src="../assets/components/plugins/ajaxify/script.min.js?v=v1.9.6&sv=v0.0.1"></script> <script>var App = {};</script> <script data-id="App.Scripts"> App.Scripts = { /* CORE scripts always load first; */ core: [ '../assets/components/library/jquery/jquery.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/library/modernizr/modernizr.js?v=v1.9.6&sv=v0.0.1' ], /* PLUGINS_DEPENDENCY always load after CORE but before PLUGINS; */ plugins_dependency: [ '../assets/components/library/bootstrap/js/bootstrap.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/library/jquery/jquery-migrate.min.js?v=v1.9.6&sv=v0.0.1' ], /* PLUGINS always load after CORE and PLUGINS_DEPENDENCY, but before the BUNDLE / initialization scripts; */ plugins: [ '../assets/components/plugins/nicescroll/jquery.nicescroll.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/breakpoints/breakpoints.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/ajaxify/davis.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/ajaxify/jquery.lazyjaxdavis.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/preload/pace/pace.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/owl-carousel/owl.carousel.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/common/forms/elements/bootstrap-select/assets/lib/js/bootstrap-select.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/less-js/less.min.js?v=v1.9.6&sv=v0.0.1', '../assets/components/modules/admin/charts/flot/assets/lib/excanvas.js?v=v1.9.6&sv=v0.0.1', '../assets/components/plugins/browser/ie/ie.prototype.polyfill.js?v=v1.9.6&sv=v0.0.1' ], /* The initialization scripts always load last and are automatically and dynamically loaded when AJAX navigation is enabled; */ bundle: [ '../assets/components/plugins/ajaxify/ajaxify.init.js?v=v1.9.6', '../assets/components/core/js/preload.pace.init.js?v=v1.9.6', '../assets/components/modules/admin/content/assets/news-featured-2.init.js?v=v1.9.6', '../assets/components/modules/admin/content/assets/news-featured-1.init.js?v=v1.9.6', '../assets/components/modules/admin/content/assets/news-featured-3.init.js?v=v1.9.6', '../assets/components/core/js/sidebar.main.init.js?v=v1.9.6', '../assets/components/core/js/sidebar.collapse.init.js?v=v1.9.6', '../assets/components/common/forms/elements/bootstrap-select/assets/custom/js/bootstrap-select.init.js?v=v1.9.6&sv=v0.0.1', '../assets/components/core/js/sidebar.kis.init.js?v=v1.9.6', '../assets/components/core/js/core.init.js?v=v1.9.6', '../assets/components/core/js/animations.init.js?v=v1.9.6' ] }; </script> <script> $script(App.Scripts.core, 'core'); $script.ready(['core'], function(){ $script(App.Scripts.plugins_dependency, 'plugins_dependency'); }); $script.ready(['core', 'plugins_dependency'], function(){ $script(App.Scripts.plugins, 'plugins'); }); $script.ready(['core', 'plugins_dependency', 'plugins'], function(){ $script(App.Scripts.bundle, 'bundle'); }); </script> <script>if (/*@cc_on!@*/false && document.documentMode === 10) { document.documentElement.className+=' ie ie10'; }</script> 

Solutions Collecting From Web of "Связывание Javascript в файле functions.php"

Итак, похоже, что вы используете диспетчер пакетов JS, возможно , сценарий Dustin Diaz's ScriptJS ? И я предполагаю, что вы храните все эти файлы в своей папке темы, тогда это будет просто связывание с вашим файлом script.min.js через механизм wp_enqueue_script следующим образом:

 function wpse143251_enqueue_theme_scripts() { wp_enqueue_script( 'dustindiaz-scriptjs', get_template_directory_uri() . '/assets/components/plugins/ajaxify/script.min.js?v=v1.9.6&sv=v0.0.1' ); } add_action( 'wp_enqueue_scripts', 'wpse143251_enqueue_theme_scripts' ); 

Остальные скрипты затем должны будут ссылаться через загрузчик JS; однако, поскольку пути кажутся относительными, если они включены в фигуры шаблона, иерархическая структура сделает пути недействительными. Таким образом, используя wp_footer hook, вы можете распечатать это с помощью правильных путей к вашим ресурсам темы:

 function wpse143251_custom_theme_scripts(){ $theme = get_template_directory_uri(); ?> <script>var App = {};</script> <script data-id="App.Scripts"> App.Scripts = { /* CORE scripts always load first; */ core: [ '<?php echo $theme; ?>/assets/components/library/jquery/jquery.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/library/modernizr/modernizr.js?v=v1.9.6&sv=v0.0.1' ], /* PLUGINS_DEPENDENCY always load after CORE but before PLUGINS; */ plugins_dependency: [ '<?php echo $theme; ?>/assets/components/library/bootstrap/js/bootstrap.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/library/jquery/jquery-migrate.min.js?v=v1.9.6&sv=v0.0.1' ], /* PLUGINS always load after CORE and PLUGINS_DEPENDENCY, but before the BUNDLE / initialization scripts; */ plugins: [ '<?php echo $theme; ?>/assets/components/plugins/nicescroll/jquery.nicescroll.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/breakpoints/breakpoints.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/ajaxify/davis.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/ajaxify/jquery.lazyjaxdavis.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/preload/pace/pace.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/owl-carousel/owl.carousel.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/common/forms/elements/bootstrap-select/assets/lib/js/bootstrap-select.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/less-js/less.min.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/modules/admin/charts/flot/assets/lib/excanvas.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/plugins/browser/ie/ie.prototype.polyfill.js?v=v1.9.6&sv=v0.0.1' ], /* The initialization scripts always load last and are automatically and dynamically loaded when AJAX navigation is enabled; */ bundle: [ '<?php echo $theme; ?>/assets/components/plugins/ajaxify/ajaxify.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/core/js/preload.pace.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/modules/admin/content/assets/news-featured-2.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/modules/admin/content/assets/news-featured-1.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/modules/admin/content/assets/news-featured-3.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/core/js/sidebar.main.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/core/js/sidebar.collapse.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/common/forms/elements/bootstrap-select/assets/custom/js/bootstrap-select.init.js?v=v1.9.6&sv=v0.0.1', '<?php echo $theme; ?>/assets/components/core/js/sidebar.kis.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/core/js/core.init.js?v=v1.9.6', '<?php echo $theme; ?>/assets/components/core/js/animations.init.js?v=v1.9.6' ] }; </script> <script> $script(App.Scripts.core, 'core'); $script.ready(['core'], function(){ $script(App.Scripts.plugins_dependency, 'plugins_dependency'); }); $script.ready(['core', 'plugins_dependency'], function(){ $script(App.Scripts.plugins, 'plugins'); }); $script.ready(['core', 'plugins_dependency', 'plugins'], function(){ $script(App.Scripts.bundle, 'bundle'); }); </script> <script>if (/*@cc_on!@*/false && document.documentMode === 10) { document.documentElement.className+=' ie ie10'; }</script> <?php } add_action( 'wp_footer', 'wpse143251_custom_theme_scripts' ); 

В качестве дополнительной заметки я бы рекомендовал удалить строки строк запроса в конце ваших активов JS, так как это приведет к сбою кеша в браузерах вашего посетителя и потребует от них повторной загрузки этих активов.