Javascript in der Datei functions.php verlinken

Unten ist mein rohe Javascript eingebettet von meiner HTML-Vorlage. Aber ich kann nicht genau herausfinden, wie man es meiner functions.php Datei hinzufügt. Es scheint ziemlich schwierig zu sein. Können Sie bitte mit der korrekten Syntax mithilfe der wp_enqueue_script function wp_enqueue_script .

  var App = {};  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(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'); });  if (/*@cc_on!@*/false && document.documentMode === 10) { document.documentElement.className+=' ie ie10'; } 

Solutions Collecting From Web of "Javascript in der Datei functions.php verlinken"

Sieht so aus, als ob Sie einen JS-Paket-Manager verwenden, möglicherweise Dustin Diaz’s ScriptJS ? Und ich gehe davon aus, dass Sie alle diese Dateien in Ihrem Themenordner speichern, es wäre dann nur eine Frage der Verknüpfung mit Ihrer script.min.js-Datei über den wp_enqueue_script Mechanismus wie folgt:

 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' ); 

Die verbleibenden Skripte müssten dann über den JS Loader referenzieren; Da die Pfade jedoch relativ erscheinen, wenn sie in den Vorlagenstücken enthalten sind, würde eine hierarchische Struktur die Pfade ungültig machen. Mit dem wp_footer Hook können Sie dann diese mit den richtigen Pfaden zu Ihren Themen-Assets drucken:

 function wpse143251_custom_theme_scripts(){ $theme = get_template_directory_uri(); ?>     < ?php } add_action( 'wp_footer', 'wpse143251_custom_theme_scripts' ); 

Als Randnotiz empfehle ich, die Abfragezeichenkette vars am Ende Ihrer JS-Assets zu entfernen, da sie den Cache in den Browsern Ihres Besuchers zerstört und sie dazu zwingt, diese Assets wiederholt herunterzuladen.