Question

我正在使用wp_enqueue而不是直接包含在页脚中。我发现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>

Answer 1

在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中添加此代码

Answer 2

尝试创建功能

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

wp_enqueue_scripts没有加载js文件

2 个答案: