移动端双jQuery版本冲突引发递归溢出问题求助

我之前碰到过完全一样的情况！这绝对是页面同时加载了两个不同版本jQuery搞出来的锅，而且移动端浏览器对这种版本冲突的反应会比桌面端激烈得多。

当你在页面里同时引入jQuery 1.9.1和3.4.1时，新版本会覆盖旧版本的核心方法（比如$.fn、$.extend这些），但页面里原本依赖1.9.1的代码还在按照旧逻辑执行，这种版本混乱很容易触发无限递归调用——你看到的Too much recursion（Firefox）和Maximum call stack size exceeded at Function.acceptData（Chrome）就是典型的冲突表现。

这里给你几个可行的方案，按优先级排序：

• 直接移除重复的jQuery引用：如果你的分析脚本可以兼容jQuery 1.9.1，直接删掉<head>里新增的3.4.1引用，只用原本的1.9.1版本就行，这是最省事的办法。
• 用jQuery.noConflict()隔离版本：如果必须保留两个版本，就用这个方法给不同版本单独命名，避免互相干扰。示例代码如下：

  <!-- 先加载旧版本 -->
  <script src="jquery-1.9.1.js"></script>
  <script>
    // 把旧版本jQuery绑定到$jq191变量上
    var $jq191 = jQuery.noConflict(true);
  </script>
  <!-- 再加载新版本 -->
  <script src="jquery-3.4.1.js"></script>
  <script>
    // 把新版本jQuery绑定到$jq341变量上
    var $jq341 = jQuery.noConflict(true);
  </script>
  

  之后让页面原本的代码用$jq191，分析脚本用$jq341，两个版本就彻底分家了。
• 调整分析脚本的加载顺序：把分析脚本移到</body>标签之前加载，确保它在所有依赖旧版本的代码之后执行，这样新版本的jQuery就不会提前覆盖旧版本的方法，减少冲突概率。
• 检查分析脚本的初始化逻辑：有些分析脚本会自动扩展jQuery或者绑定全局事件，如果它没做版本兼容，可能会和旧版本的jQuery触发循环调用。可以查看分析脚本的文档，看看有没有指定使用特定jQuery版本的配置项。

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