javascript - 脚本与 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>

删除第二行（早期版本），你应该做生意了。