自定义WordPress插件：部分JS函数失效（优先级问题）

核心思路：用WordPress标准脚本入队机制替代模板内直接引入脚本 #

直接在模板里手动添加jQuery脚本的做法不规范，会导致脚本加载顺序混乱、重复加载，这也是日期选择器失效的根源。正确的做法是在插件内部通过WordPress的脚本注册/入队函数管理，既保证加载顺序正确，又能保持插件独立性（换主题无需重新配置）。

具体实现步骤 #

1. 移除模板内手动添加的jQuery脚本
   删掉你在PHP模板顶部加的<script src="/wp-includes/js/jquery/jquery.min.js?..."></script>代码，避免重复加载引发冲突。

2. 在插件主文件中添加脚本入队代码
   在你的插件主PHP文件（比如my-custom-plugin.php）中加入以下代码，通过wp_enqueue_scripts钩子（前端脚本加载的标准钩子）加载自定义脚本，并声明正确的依赖关系：

   function my_plugin_enqueue_frontend_scripts() {
       // 仅在目标自定义文章类型的单页加载脚本，避免全局加载
       if (is_singular('your-custom-post-type')) {
           // 注册并加载自定义脚本，明确依赖关系
           wp_enqueue_script(
               'my-plugin-custom-js', // 脚本唯一标识
               plugin_dir_url(__FILE__) . 'assets/js/your-custom-script.js', // 你的脚本路径，根据实际修改
               array('jquery', 'acf-input'), // 依赖：先加载WordPress自带的jQuery，再加载ACF的前端输入脚本
               '1.0.0', // 脚本版本号
               true // 放在页面底部加载，优化加载顺序
           );
   
           // 若ACF日期选择器依赖jQuery UI Datepicker，手动入队该组件及样式
           wp_enqueue_script('jquery-ui-datepicker');
           wp_enqueue_style(
               'jquery-ui-datepicker-style',
               plugin_dir_url(__FILE__) . 'assets/css/jquery-ui.min.css' // 可从jQuery UI官网下载样式文件放到插件目录
           );
       }
   }
   add_action('wp_enqueue_scripts', 'my_plugin_enqueue_frontend_scripts', 10);
   

关键细节说明 #

• 依赖声明的重要性：array('jquery', 'acf-input')确保WordPress先加载依赖的脚本，再加载你的自定义脚本。日期选择器失效正是因为之前的加载顺序错误，ACF的日期选择器逻辑或jQuery UI组件在你的脚本之后加载，导致绑定失败。
• 条件加载：is_singular('your-custom-post-type')限定脚本只在目标自定义文章类型的单页加载，减少不必要的性能消耗。
• 保持独立性：所有脚本管理逻辑都在插件内部完成，更换主题时无需修改主题的functions.php，完全符合插件的独立封装要求。

内容的提问来源于stack exchange，提问作者Kev