脚本与JQuery冲突

Question

我希望在JQuery中为可排序的portlet添加图表。我刚遇到一个问题，并想知道是什么导致它，以及我如何解决它或绕过它。我的原始资料来源是：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

然后我补充道：

<script src="http://static.pureexample.com/js/flot/excanvas.min.js"></script>
<script src="http://static.pureexample.com/js/flot/jquery.flot.min.js"></script>
<script src="http://static.pureexample.com/js/flot/jquery.flot.pie.min.js"></script>

当我添加这些时，每个portlet的框架和ui函数不再有效或可见，但文本仍然是。是什么冲突造成了这种情况，以及将类似图表添加到单个portlet的正确方法是什么？

Answer 1

你包括jQuery两次：

<!-- here --><script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- and here --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

删除第二行（早期版本），您应该开始营业。