Javascript 如何修复与Highchart的原型冲突？

我有一个AJAX操作，同时尝试使用Highchart，这就是为什么我需要包括原型

这是我的代码，但没有显示Highchart图表：

<script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="contain" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

资料如下:

当然，在没有原型的情况下100%工作：

我试过jQuery.noConflict；并且没有显示Highchart图表

并尝试$.noConflict；并且没有显示Highchart图表

我在Stack Overflow中搜索答案，博客、Facebook、图书、谷歌，花了六个月的时间仍然没有找到答案

我尝试在所有版本中更改原型，但仍然不起作用，并且在控制台中没有显示错误

据我所知，一位朋友告诉我在结尾处加入noConflict，但它没有显示在google chrome浏览器中，并且显示了一个错误：

打开该错误时，我收到另一个错误：

---

将jQuery封装到匿名函数中，以保护变量不受原型的干扰

---

将jQuery封装到匿名函数中，以保护变量不受原型的干扰

---

您是否尝试过先加载jQuery，调用noConflict选项之一，然后加载Prototype？似乎jQuery在默认情况下会占用$，但如果Prototype已经占用了$，那就太晚了。顺便说一句，这是一个很好的研究。试着搜索那个错误消息？用jQueryfunction${}代替$function{}哦eicto…………你做到了！！！！最后我找到了答案，非常感谢你…我很高兴得到帮助，现在我将回答所有我看到这个问题的帖子=您是否尝试过先加载jQuery，调用noConflict选项之一，然后加载Prototype？似乎jQuery在默认情况下会占用$，但如果Prototype已经占用了$，那就太晚了。顺便说一句，这是一个很好的研究。试着搜索那个错误消息？用jQueryfunction${}代替$function{}哦eicto…………你做到了！！！！最后我找到了答案，非常感谢你…我很高兴得到帮助，现在我将回答所有我看到这个问题的帖子=我搜索了很长时间，现在我很高兴谢谢朋友。这就是StackOverflow的目的：我搜索了很长时间，现在我很高兴谢谢朋友。这就是StackOverflow的目的：

(function($) {

    $.noConflict();
    $(function () {
        $('#contain').highcharts({
         ....
        });
     });

}(jQuery));