wp_enqueue_scripts不加載js文件

我正在使用wp_enqueue，而不是直接在頁腳中包含。我發現js文件的路徑是正確的（通過頁面源查看）。wp_enqueue_scripts不加載js文件

不工作

wp_enqueue_script('jquery', get_template_directory_uri() . '/js/vendor/jquery.js', array(), NULL, true); 

wp_enqueue_script('input', get_template_directory_uri() . '/js/vendor/what-input.js', array ('jquery'), NULL, true); 

wp_enqueue_script('foundation-core', get_template_directory_uri() . '/js/vendor/foundation.js', array ('jquery'), NULL, true); 

wp_enqueue_script('ext', get_template_directory_uri() . '/js/app.js', array ('jquery'), NULL, true);

WORKING

<script src="<?php bloginfo('template_directory'); ?>/js/vendor/jquery.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/js/vendor/what-input.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/js/vendor/foundation.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/js/app.js"></script>

來源

2017-04-13 112233

你忘了ADD_ACTION .. https://developer.wordpress.org/reference/functions/wp_enqueue_script/ – cgee

的上面的問題通過添加jQuery而不是$像這樣說：解決方法：http://stackoverflow.com/questions/26536160/wp-enqueue-script-not-working ..有人可以解釋爲什麼。 – 112233

jQuery（document）.ready（function（$）然後你可以在函數中使用快捷方式$ – cgee

與創建功能

function load_css_js() { 
wp_enqueue_style('gdgt-base', get_template_directory_uri() . '/css/gdgt-base.css', false, NULL, 'all'); 
wp_enqueue_style('gdgt-icon', get_template_directory_uri() . '/icons/css/gdgt.css', false, NULL, 'all'); 

wp_register_script('gdgt-base', get_template_directory_uri() . '/js/gdgt-base.js', array('jquery'), NULL, false); 
wp_enqueue_script('gdgt-base'); 
} 

add_action('wp_enqueue_scripts', 'load_css_js');

來源

2017-04-13 07:24:21

在WordPress入隊的風格和CSS，你wp_enqueue_script方法試試。你寫得很好，但你必須在WordPress排隊腳本時運行這些函數。即你必須在wp_enqueue_scripts操作中調用這些函數。 wp_enqueue_scripts這個動作會在WordPress加載腳本時調用。使你的代碼看起來像

add_action('wp_enqueue_scripts', 'load_my_site_scripts'); 
function load_my_site_scripts(){ 
    wp_enqueue_script('jquery', get_template_directory_uri() . '/js/vendor/jquery.js', array(), NULL, true); 
    wp_enqueue_script('input', get_template_directory_uri() . '/js/vendor/what-input.js', array ('jquery'), NULL, true); 
    wp_enqueue_script('foundation-core', get_template_directory_uri() . '/js/vendor/foundation.js', array ('jquery'), NULL, true); 
    wp_enqueue_script('ext', get_template_directory_uri() . '/js/app.js', array ('jquery'), NULL, true); 
}

在你的主題的functions.php添加以下代碼

來源

2017-04-13 07:45:15

是的，你只需要把它添加到這個動作中。 – Bunty

wp_enqueue_scripts不加載js文件

回答

相關問題