Javascript 将prototype.js和jqplot用于图形

Javascript 将prototype.js和jqplot用于图形,javascript,prototypejs,jqplot,Javascript,Prototypejs,Jqplot,我在使用和prototype.js(用于菜单中的execute()和fade()函数)和jqplot绘制图形时遇到问题 当我像这样加载外部js文件时,原型可以工作,但我没有jqplot图(案例A): 当我首先加载jqplot文件,然后加载原型文件时,我的菜单中有一个图形,但没有导航(案例B) 如果出现错误,请执行以下操作: TypeError:element.dispatchEvent不是函数 TypeError:element.getStyle不是函数 在案例B中,我得到了错误:

我在使用和prototype.js(用于菜单中的execute()和fade()函数)和jqplot绘制图形时遇到问题

当我像这样加载外部js文件时,原型可以工作,但我没有jqplot图(案例A):


当我首先加载jqplot文件,然后加载原型文件时,我的菜单中有一个图形,但没有导航(案例B)


如果出现错误,请执行以下操作:

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

在案例B中,我得到了错误:

TypeError:$(…)。ready不是函数

我怎么能两者都用

谢谢。

试试这个

加载jQuery

<script language="javascript" type="text/javascript" src="includes/dist/jquery.js"></script>
加载原型和脚本

<script src="includes/scriptaculous/prototype.js" type="text/javascript"></script>
<script src="includes/scriptaculous/scriptaculous.js" type="text/javascript"></script>
在这种情况下,
$()
是原型方法-这是试图运行jQuery
ready()
方法-找到它并更改为

jQuery(...).ready

由于某些原因,我无法复制/粘贴我的情况B,它删除了大部分javascript规则。但归根结底是这样的:前两条规则(prototype.js和scriptaculous.js)都放在了底部。控制台中有错误吗?在Chrome中你可以按F12,在Firefox中按control+shift+k。我还没有使用prototype.js,但在加载jquery库之后,可能需要执行jquery.noconflict:使用Firefox。我发布的错误是我从Firebug中获取的错误。我尝试了两种不同的jquery.noconflict方法,但结果仍然相同:我有一个图形,但我的原型Aspect()和fade()不再工作。错误仍然存在:TypeError:element.dispatchEvent不是函数TypeError:element.getStyle不是函数
<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>
$(...).ready is not a function
jQuery(...).ready