Question

我在自定义主题的首页中使用了以下代码，但希望改进如何加载jquery。请建议我很酷的答案

/assets/js/jquery.min.js'> /assets/js/bootstrap.js'> /assets/js/jquery.mixitup.js'> /assets/js/custom-scripts.js'>

Answer 1

请检查WP方式以包含脚本

function ax_enqueue_style() {

    wp_enqueue_style( 'custom', get_template_directory_uri().'/custom.css' );
} 

add_action( 'wp_enqueue_scripts', 'ax_enqueue_style' );

Answer 2

加载jQuery的最佳做法是在排队自定义脚本时将其声明为依赖项。这样，如果插件使用jQuery，你就不会再加载它。假设您的所有插件都遵循最佳实践。

在你的情况下它看起来像：

//functions.php
function my_theme_scripts(){
  wp_enqueue_script( 'bootstrap', get_template_directory_uri().'/assets/js/bootstrap.js', array('jquery'), '0', true );
  wp_enqueue_script( 'jquery-mixitup', get_template_directory_uri().'/assets/js/jquery.mixitup.js', array('jquery'), '0', true );
  wp_enqueue_script( 'custom-scripts', get_template_directory_uri().'/assets/js/custom-scripts', array('jquery'), '0', true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

Wordpress识别句柄'jquery'并以正确的顺序加载最新的稳定版本。

注意：'0'是版本号，可以是您选择的任何数字。在ex'0.1'的任何时候更新它，它将强制用户的浏览器重新下载缓存的文件。

参考文献： https://developer.wordpress.org/reference/functions/wp_enqueue_script/

在wordpress自定义主题中添加标准样式的Jquery

2 个答案: