javascript - wp 排队 js 脚本

Question

我正在尝试将脚本排入我的 WordPress function.php我似乎无法让它拾取脚本。

如果包含在 header 中，则以此格式工作

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

但是当我包含在functions.php中时它不起作用

wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array(), '3.3.6', true);

谁能明白为什么当我将其入队时它不起作用？

完整代码

function theme_js()
{
    wp_enqueue_script('jquery-js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array(), '3.1.1', true);
    wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array(), '3.3.6', true);
    wp_enqueue_script('html5shiv-js', 'https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js', array('jquery'), '3.7.2', true);
    wp_enqueue_script('respond-js', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', array('jquery'), '1.4.2', true);
    wp_enqueue_script('custom', get_template_directory_uri() . '/js/custom.js', array(), null, true);
}

add_action('wp_enqueue_scripts', 'theme_js');

Answer 1

您正在将其加载到页脚中，这可能不是您想要做的。您已将最终标志设置为 true。

供引用:

wp_enqueue_script( string $handle, string $src = '', array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

尝试(现在包括取消注册您正在排队的 jQuery):

完整代码

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
 function my_jquery_enqueue() {
      wp_deregister_script('jquery');
      wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js", false, null);
      wp_enqueue_script('jquery');
}

function theme_js(){
    // wp_enqueue_script('jquery-js', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', array('jquery'), '3.1.1', true);
    wp_enqueue_script('bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), '3.3.6', true);
    wp_enqueue_script('html5shiv-js', 'https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js', array('jquery'), '3.7.2', true);
    wp_enqueue_script('respond-js', 'https://oss.maxcdn.com/respond/1.4.2/respond.min.js', array('jquery'), '1.4.2', true);
    wp_enqueue_script('custom', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true);
}

add_action('wp_enqueue_scripts', 'theme_js');

另外检查:Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高版本，但低于版本 3，位于 bootstrap.min.js?ver=3.3.6:6 位于 bootstrap.min.js?ver=3.3.6:6 ;)