如何包括包括jQuery的脚本而不会发生冲突

Question

我需要加载一个包含完整jQuery 3.2.1库的外部应用程序。因为它是外部托管的应用程序，因此修改代码是不现实的。但是，当我将脚本添加到页面上时，由于与已经加载的其他脚本发生冲突，我最终遇到了很多错误。作为一个实验，我尝试下载该应用程序并将内容包装在匿名函数中，以为这将使新版本的jQuery在应用程序中本地范围内进行，但没有任何区别。

>

是否有一种简单的方法来包含此应用而不将其内容进行模式或依赖jQuery.noConflict()，它需要对我的现有代码进行许多更改？

Answer 1

您可以在代码中使用jquery.noconflict（），只需将所有代码包装在IIFE中使用jQuery并在JQuery中传递的所有代码，而您正在使用

尝试

之类的东西

<script src="path-to-your-jquery.js"></script>
<script>var $jQ = jQuery.noConflict();</script>
<script>/* your plugins */</script>
<script>
    (function($){
       /* your code using `$` works fine here*/
    })($jQ);
</script>
<script> /* other app code */</script>