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>

删除第二行(早期版本)，您应该可以正常工作了。