WordPress自定义.js文件排序实现方法

embedded/2025/2/6 11:18:10/

在WordPress中,要将插件引用的.js文件放到所有.js文件之后加载,可以通过以下方法实现:

方法一:调整wp_enqueue_script的加载顺序

在插件的主文件中,使用wp_enqueue_script函数加载.js文件时,将$in_footer参数设置为true,这样可以确保该文件在页面底部加载。

function load_plugin_scripts() {wp_enqueue_script('plugin-script', plugins_url('/js/your-script.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'load_plugin_scripts');

方法二:使用优先级调整加载顺序

如果需要更精细地控制加载顺序,可以通过add_action函数的优先级参数来调整。默认情况下,add_action的优先级为10,数值越小,越先执行。如果希望插件的.js文件最后加载,可以将优先级设置为一个较大的值。

function load_plugin_scripts() {wp_enqueue_script('plugin-script', plugins_url('/js/your-script.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'load_plugin_scripts', 999); // 设置优先级为999

方法三:使用wp_footer钩子加载

如果上述方法仍无法满足需求,可以使用wp_footer钩子来加载.js文件。这种方法会将文件加载到页面的底部。

function load_plugin_scripts_footer() {echo '<script src="' . plugins_url('/js/your-script.js', __FILE__) . '"></script>';
}
add_action('wp_footer', 'load_plugin_scripts_footer');

注意事项

确保插件的.js文件路径正确,使用plugins_url()函数获取路径。

如果插件的.js文件依赖于其他脚本(如jQuery),需要在wp_enqueue_script的$deps参数中正确设置依赖关系。

通过以上方法,可以将插件引用的.js文件放到所有.js文件之后加载,从而优化页面加载顺序和性能。

原文

http://wordpress.jianyes.com/jianzhan/475.html


http://www.ppmy.cn/embedded/160008.html

相关文章

Spring Boot 2 快速教程:WebFlux 集成 Mongodb(三)

一、前言 上一讲用 Map 数据结构内存式存储了数据。这样数据就不会持久化&#xff0c;本文我们用 MongoDB 来实现 WebFlux 对数据源的操作。 什么是 MongoDB ? 官网&#xff1a;https://www.mongodb.com/ MongoDB 是一个基于分布式文件存储的数据库&#xff0c;由 C 语言编…

《redis4.0 通信模块源码分析(一)》

【redis导读】redis作为一款高性能的内存数据库&#xff0c;面试服务端开发&#xff0c;redis是绕不开的话题&#xff0c;如果想提升自己的网络编程的水平和技巧&#xff0c;redis这款优秀的开源软件是很值得大家去分析和研究的。 笔者从大学毕业一直有分析redis源码的想法&…

vue2+vue3 HMCXY基础入门

vue2vue3 HMCXY基础入门 一、Vue2.x技术精讲1.Vue快速上手&#xff08;1&#xff09;Vue概念&#xff08;2&#xff09;创建实例&#xff08;3&#xff09;插值表达式&#xff08;4&#xff09;响应式特性&#xff08;5&#xff09;开发者工具 2.Vue指令二、Vue3.x技术精讲 一、…

【JavaEE】Spring(6):Mybatis(下)

一、Mybatis XML配置文件 Mybatis开发有两种方式&#xff1a; 注解XML 之前讲解了注解的方式&#xff0c;接下来学习XML的方式 1.1 配置数据库连接和Mybatis 直接在配置文件中配置即可&#xff1a; spring:datasource:url: jdbc:mysql://127.0.0.1:3306/mybatis_test?cha…

基于单片机的智能感控杆设计(论文+源码)

2.1功能设计 本次以智能感控杆设计为题&#xff0c;智能感控杆是一种可以应用在多种场合的设备&#xff0c;可以极大的节约人类的精力和时间。在此将其主要功能设计如下&#xff1a; 1.LCD1602液晶显示当前感控杆状态开启/关闭&#xff0c;显示当前模式手动/自动&#xff1b…

网易有道开源 “子曰 - o1” 推理模型

网易有道开源的 “子曰 - o1” 推理模型支持消费级显卡&#xff0c;主要通过以下技术实现&#xff1a; 轻量级模型设计&#xff1a;“子曰 - o1” 采用 14B 参数规模&#xff0c;相比许多对硬件配置要求高的大型推理模型&#xff0c;选择了较小的参数规模&#xff0c;从基础上降…

Linux 安装 RabbitMQ

Linux下安装RabbitMQ 1 、获取安装包 # 地址 https://github.com/rabbitmq/erlang-rpm/releases/download/v21.3.8.9/erlang-21.3.8.9-1.el7.x86_64.rpm erlang-21.3.8.9-1.el7.x86_64.rpmsocat-1.7.3.2-1.el6.lux.x86_64.rpm# 地址 https://github.com/rabbitmq/rabbitmq-se…

Maven(Ⅱ):依赖范围,依赖传递,依赖阻断,可选依赖

1. Maven 依赖范围 概念 依赖范围&#xff08;Dependency Scope&#xff09;用于控制依赖在不同构建阶段的可见性和可用性。Maven 定义了几种不同的依赖范围&#xff0c;每种范围都有其特定的使用场景。 常见依赖范围及用途 compile&#xff1a;默认的依赖范围&#xff0c;…