对图形使用prototype.js和jqplot

Question

我在使用AND prototype.js（用于菜单中的appear（）和fade（）函数）AND jqplot绘制图形时遇到问题。

当我像这样加载外部js文件时，原型可以工作，但我没有jqplot图（案例A）：

<script src="includes/scriptaculous/prototype.js" type="text/javascript"></script>
<script src="includes/scriptaculous/scriptaculous.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="includes/dist/jquery.js"></script>
<script language="javascript" type="text/javascript" src="includes/dist/jquery.jqplot.js"></script>
<script type="text/javascript" src="includes/dist/jquery.min.js"></script>
<script type="text/javascript" src="includes/dist/jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" hrf="includes/dist/jquery.jqplot.min.css" />
<link rel="stylesheet" type="text/css" href="includes/dist/jquery.jqplot.css" />
<script type="text/javascript" src="includes/dist/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.pointLabels.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.canvasTextRenderer.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.highlighter.min.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.cursor.min.js"></script>
<script type="text/javascript" src="includes/dist/plugins/jqplot.canvasOverlay.js"></script>

当我第一次加载jqplot文件，然后加载原型文件时，我的菜单（情况B）中有一个图，但没有导航

<script language="javascript" type="text/javascript" src="includes/dist/jquery.js"></script>

在情况A中，我得到错误：

TypeError:element.dispatchEvent不是函数TypeError:element.getStyle不是函数

在情况B中，我得到错误：

TypeError:$（…）.ready不是函数

我如何同时使用这两个？？

谢谢。

Answer 1

试试这个

加载jQuery

<script language="javascript" type="text/javascript" src="includes/dist/jquery.js"></script>

运行noconflict()

<script language=javascript">jQuery.noConflict()</script>

加载原型和脚本

<script src="includes/scriptaculous/prototype.js" type="text/javascript"></script>
<script src="includes/scriptaculous/scriptaculous.js" type="text/javascript"></script>

然后加载其他所有内容。此外，看起来您正在双重加载jQuery，这将导致问题。

同样针对错误

$(...).ready is not a function

在这种情况下，$()是Prototype方法，而这正试图运行jQuery ready()方法，找到它并更改为

jQuery(...).ready