Wie behebe ich einen Prototypenkonflikt mit Highchart?

Ich habe eine AJAX-Aktion und versuche gleichzeitig, Highchart zu verwenden. Deshalb muss Prototype enthalten sein.

Hier ist mein Code, der das Highchart-Diagramm jedoch nicht anzeigt:

<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>

Hier ist die Information:http://jsfiddle.net/dhdSL/4/

Natürlich funktioniert 100% ohne Prototype:http://jsfiddle.net/dhdSL/5/

Ich habe es versuchtjQuery.noConflict(); und zeigt das Highchart-Diagramm nicht anhttp://jsfiddle.net/dhdSL/6/

Und versuchte es$.noConflict(); und zeigt das Highchart-Diagramm nicht anhttp://jsfiddle.net/dhdSL/7/

Ich habe in Stack Overflow nach einer Antwort gesucht, nach Blogs, Facebook, Büchern und Google. Ich habe sechs Monate lang nach einer Antwort gesucht und finde sie immer noch nicht.

Ich habe versucht, Prototype in allen Versionen zu ändern, aber es funktioniert immer noch nicht und in der Konsole werden keine Fehler angezeigt.

Laut einem Freund soll ich noConflict am Ende einfügen, aber es wird nicht im Google Chrome-Browser angezeigt und es wird ein Fehler angezeigt:http://jsfiddle.net/dhdSL/8/

Beim Öffnen des Fehlers erhalte ich einen weiteren Fehler:

Antworten auf die Frage(1)

Ihre Antwort auf die Frage