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

Question

jQuery文件不会从Bootstrap模板加载。我正在将其转换为Wordpress主题。我已经尝试了许多不同的方式在我的函数.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队列的第三个参数中添加jquery库的依赖项。

请尝试以下方法：

1. 删除：

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

2. 对于以下两行，请将其从

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，您需要添加前面带有"/"的路径的其余部分。

希望这对您有所帮助！