我有一个网站,我们加载jQuery 3.2.1。为了让我们的一个小部件工作(由第三方公司提供),它需要jQuery 1.11.0,它由公司提供的代码加载到单独的<script>
标签中。
是否有可能将后者,旧版本的jQuery单独加载到一个新变量中,这样我可以从需要旧版本jQuery的小部件JS中调用它?这可能吗?
答案 0 :(得分:1)
是!
您必须使用.noConflict()
将$
以外的变量分配给第二个加载的变量。
console.log("1: "+$.fn.jquery); // Print "1.11.0" in the console
console.log("2: "+jQuery_321.fn.jquery); // Print "3.2.1" in the console
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script>
jQuery_321 = $.noConflict(); // Assing the variable you wish instead of $
</script>