CDN引入jQuery UI正常，WordPress入队预加载版本失效求助

我完全懂你遇到的坑——同样是1.11.4版本，CDN的jquery-ui.js用得好好的，换成WordPress自带的分模块入队就罢工了。核心原因很简单：CDN的jquery-ui.js是打包了几乎所有jQuery UI组件的完整包，而WordPress为了性能，把jQuery UI拆成了一个个独立的小模块，你只入队了核心部分，漏掉了你的switchbutton实际依赖的组件。

下面给你一步步解决的方案：

1. 确认并入队你需要的具体jQuery UI组件 #

你的switchbutton功能大概率依赖了jquery-ui-button（开关按钮是基于button组件扩展的），以及基础的jquery-ui-widget模块。WordPress的wp_enqueue_script会自动处理组件间的依赖，所以你只需要把这些组件加入入队列表就行：

function my_switchbutton_function(){
    // 核心效果脚本（你原本就加了）
    wp_enqueue_script('jquery-effects-core');
    // 入队button组件，它会自动加载依赖的jquery-ui-core、jquery-ui-widget等
    wp_enqueue_script('jquery-ui-button');
}
add_action('admin_enqueue_scripts', 'my_switchbutton_function');

如果之后还是不行，打开浏览器控制台（F12）看有没有xxx is not a function这类错误，根据错误提示补充对应的组件——比如如果提示draggable未定义，就入队jquery-ui-draggable。

2. 别忘了加载jQuery UI的样式表 #

很多jQuery UI组件必须搭配对应的CSS才能正常渲染和工作，WordPress默认不会自动加载jQuery UI的样式。你可以入队和版本匹配的官方样式，比如：

function my_switchbutton_function(){
    // 脚本部分
    wp_enqueue_script('jquery-effects-core');
    wp_enqueue_script('jquery-ui-button');
    
    // 加载同版本的jQuery UI样式（这里用Google CDN的smoothness主题，你也可以换其他主题）
    wp_enqueue_style('jquery-ui-css', '//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css', array(), '1.11.4');
}
add_action('admin_enqueue_scripts', 'my_switchbutton_function');

3. 验证加载状态 #

做完上面两步后，用浏览器的网络面板（F12→Network）检查：

• 所有入队的脚本（比如jquery-ui-button.js、jquery-ui-core.js）都成功加载了
• 样式表也正常加载
• 控制台没有JS报错

这样应该就能解决你的问题了。

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