将 Bootstrap 模板转换为 Wordpress 时未加载 jQuery

Question

jQuery 文件不会从 Bootstrap 模板加载。我正在将其转换为 Wordpress 主题。我在我的functions.php 文件中尝试了许多不同的脚本排队方式。我曾尝试取消注册 jQuery，但无济于事。

Chrome 开发工具报 404 错误并提交加载 js 文件..

<?php 
  function willow_rivers_files() {
    wp_enqueue_style('font-awesome', get_theme_file_uri('vendor/fontawesome-free/css/all.min.css'));
    wp_enqueue_style('bootstrap-files', get_theme_file_uri('vendor/bootstrap/css/bootstrap.min.css'));
    wp_enqueue_style('custom-style-from-template', get_theme_file_uri('css/grayscale.min.css'));
    wp_enqueue_style('custom-style', get_theme_file_uri('style.css'));
    wp_enqueue_style('google-font-round', '//fonts.googleapis.com/css?family=Varela+Round');
    wp_enqueue_style('google-fonts-nunito', '//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');  

    wp_enqueue_script('jquery', get_template_directory_uri('vendor/jquery/jquery.min.js'), NULL, '1.0', true);
    wp_enqueue_script('jquery-easing', get_template_directory_uri('vendor/jquery-easing/jquery.easing.min.js'), NULL, '1.0', true);
    wp_enqueue_script('jquery-easing', get_template_directory_uri('js/grayscale.min.js'), NULL, '1.0', true);
  }

  add_action('wp_enqueue_scripts', 'willow_rivers_files');
?>

Answer 1

WordPress 有自己的 jquery 库，您无需单独包含它。

要从 WP 加载 jquery，您只需在 JS enqueue 的第三个参数中添加 jquery 库的依赖项。

请尝试如下：

1. 删除：

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

1. 以下两行将其更改为

wp_enqueue_script('jquery-easing', get_template_directory_uri('vendor/jquery-easing/jquery.easing.min.js'), NULL, '1.0', true); wp_enqueue_script('jquery-easing', get_template_directory_uri('js/grayscale.min.js'), NULL, '1.0', true);

到

wp_enqueue_script('jquery-easing', get_template_directory_uri(). '/vendor/jquery-easing/jquery.easing.min.js', array( 'jquery' ), '1.0', true); wp_enqueue_script('jquery-easing', get_template_directory_uri(). '/js/grayscale.min.js', array( 'jquery' ), '1.0', true);

请确保路径 get_template directory_uri() 将返回您 http://www.example.com/wp-content/themes/yourtheme你需要添加路径的其余部分以“/”开头。

希望对您有所帮助！