在WordPress中加载依赖jQuery 1.11.1的脚本出现后台异常问题

嘿，我来帮你拆解下问题所在！你的代码能让前端正常运行，但会搞崩后台功能，主要有两个核心问题：

问题1：脚本全局加载，后台也被影响了 #

你现在的代码没有限制加载范围，WordPress后台也会加载这个旧版jQuery，而且你调用了$.noConflict(true)——这个方法会彻底重置全局的$和jQuery变量，而WordPress后台完全依赖自带的jQuery版本运行各种管理功能，被这么一重置，后台的JS直接就失效了。

问题2：变量名语法错误 #

你内联脚本里写的var jquery1.11.1 = $.noConflict(true);是不合法的JavaScript语法！变量名里不能包含小数点，这会直接导致JS报错，进一步影响页面功能。

修复方案：只在前端加载，修正变量名 #

我们需要做两件事：一是确保这些脚本只在前端（前台页面）加载，后台完全不碰；二是把无冲突的变量名改成合法的，同时让你的expand.js用这个专属变量调用旧版jQuery。

修正后的完整代码 #

把这段代码放到你的functions.php里：

function my_enqueue_custom_scripts() {
    // 注册旧版jQuery 1.11.1，不依赖WP自带的jQuery，指定版本号方便缓存
    wp_register_script( 
        'jquery1.11.1', 
        'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', 
        array(), 
        '1.11.1', 
        true // 页脚加载，提升页面加载速度
    );

    // 添加无冲突脚本，用合法的变量名（比如$jq111）接管旧版jQuery
    wp_add_inline_script( 
        'jquery1.11.1', 
        'var $jq111 = $.noConflict(true);' 
    );

    // 加载你的expand.js，依赖旧版jQuery确保加载顺序
    wp_enqueue_script( 
        'expand.js', 
        get_template_directory_uri() . '/js/expand.js', 
        array( 'jquery1.11.1' ), 
        null, 
        true 
    );
}
// 用wp_enqueue_scripts钩子，只在前台触发，后台不会执行这段代码
add_action( 'wp_enqueue_scripts', 'my_enqueue_custom_scripts' );

关键调整说明 #

• 限制加载范围：用wp_enqueue_scripts钩子代替直接写代码，这个钩子只会在前台页面触发，后台完全不会加载这些脚本，彻底避免影响后台功能。
• 合法变量名：把原来的jquery1.11.1改成$jq111，符合JavaScript变量命名规则。
• 缓存优化：给注册的jQuery脚本加上版本号'1.11.1'，方便浏览器缓存管理。
• 页脚加载：设置最后一个参数为true，让脚本在页脚加载，提升页面渲染速度。

最后一步：修改expand.js #

你需要把expand.js里所有用到jQuery的地方，从$或jQuery改成$jq111，比如：
原来的$('.expand-element').click(function(){...})要改成$jq111('.expand-element').click(function(){...})，这样就能确保用的是你加载的旧版jQuery，同时不会和WP自带的jQuery冲突。

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