当下紧跟潮流的wordpress已经集成了全套的jquery库与其他子库,方便我们开发主题或是插件时可以方便的调用wordpress自带的jquery库

jQuery库目前已经是非常流行且通用的前端开发js框架,而当下紧跟潮流的wordpress已经集成了全套的jquery库与其他子库,方便我们开发主题或是插件时可以方便的调用wordpress自带的jquery库,而且,这套wordpress内置的jquery库也会随着wordpress的升级而升级,让我们能一直使用最新版本的jquery库。当然使用wordpress的jquery库也有一些需要注意的地方。

方法一:

引用wordpress自带的jquery.js

将以下代码添加至 header.php 文件的<head>标签内<?php wp_head();? >之前,保存即可。

  1. <?php wp_enqueue_script("jquery"); ?>
  1. 使用时需要注意的地方
  2.  
  3. wp_enqueue_script(“jquery”); 务必加在 wp_head(); 的前面,而且 js 的写法是:
  4.  
  5. jQuery(document).ready(function($) {
  6. // “$”符号在这里才能被识别
  7. });
  8. WP jQuery 和原版唯一的不同, 就是在最后一行加了 jQuery.noConflict();
  9. 这个noConflict() 就是为了与其它的library 兼容性, 如:Prototype, MooTools, YUI.

方法二:

引入外部JS或者内部JS

这里提供了一些有趣的CDN

一般的引用方法:(不推荐)

  1. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

或者将以下代码添加至主题根目录下的functions.php文件中的<?php下面

  1. function lifet_scripts() {
  2. //引入jquery
  3. wp_enqueue_script( 'jquery','https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js', array(), '20200506', true );
  4. }
  5. add_action( 'wp_enqueue_scripts', 'lifet_scripts' );

现在起,让您的站点焕然一新

日主题FheRf子主题,一次购买 永久使用

如果点击咨询购买按钮无法唤起QQ,请手动添加QQ1156488585(请注明主题咨询)

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注