当包含其他JavaScript文件时出现Highcharts javascript错误

Question

我正在使用SB admin 2模板在laravel框架中重建我的网站。该模板包含一个名为frontend.js的文件，该文件用于其他菜单。该文件可以在这里看到：https://github.com/start-laravel/sb-admin-laravel-5/blob/master/public/assets/scripts/frontend.js

在我的旧网站，我用了几个Highcharts，我也想用它们在新的一个。在旧的网站，我用这样的脚本：https://jsfiddle.net/do0gm917/

，并在标题中，我有：

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/highcharts-more.js"></script> 

当我尝试做同样在新的网站，我得到这个错误：遗漏的类型错误：$（...）。highcharts是不是一个函数

我注意到，当我删除frontend.js，highcharts工作正常，所以问题不在高位代码本身，但显然这两个脚本不喜欢一起工作。

我的Javascript知识是相当有限的，因为frontend.js文件是15324我不知道如何调试这个问题。有任何想法吗？

Answer 1

事实jQuery.fn.jquery打印版本是一件好事，因为这意味着jQuery对象没有被其他库所覆盖。

因为你使用的是1.9.1，你得到2.1.3这意味着你有2个jQuery版本加载和1.9.1 jQuery对象（其中包含highcharts函数）被2.1.3对象覆盖，并在也删除了highcharts功能。您可以尝试停止加载第二个版本，或者如果您不能这样做，那么请尝试使用jQuery noconflict模式，以允许两个版本共存。你可以使用noconflict作为波纹管。

编辑*

<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/highcharts-more.js"></script> 
<script> 
    var jQuery191 = jQuery.noConflict(true); 
</script> 

由于jQuery191只是加载jQuery的1.9.1就会有参照该版本后保存。现在，即使2.1.3覆盖了jQuery对象，它也不会覆盖jQuery191对象，因此它仍然可以用来渲染highcharts，如下所示。

jQuery191.highcharts(...)