Question

我刚刚开始使用JQuery，所以如果解决方案很简单，请对我很轻松。

我的问题是我在同一页面上有2个Jquery插件，但只有1个可用，具体取决于文件的顺序。见下文：

<script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/js/js/jquery-ui-1.8.14.custom.min.js"></script>

<link type="text/css" href="/js/css/smoothness/jquery-ui-1.8.14.custom.css" rel="Stylesheet" /> 

<script type="text/javascript">
//no conflict jquery
jQuery.noConflict();
//jquery stuff
$(document).ready(function(){
$("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' });
});
</script>

<script type="text/javascript" src="/js/mootools.js"></script>
<script type="text/javascript" src="/js/moocheck.js"></script>
<script type="text/javascript" src="/js/js_main.js"></script>

在上面发布的代码中，复选框的样式工作正常，但是datepicker没有。如果我删除2个mootools JS行，那么datepicker工作正常。

有什么想法吗？

Answer 1

您在同一页面上包含了两个不同版本的jQuery，删除其中一个（可能是较旧版本）。

jQuery和MooTools之间也可能存在冲突，我会尝试使用jQuery.noConflict()，另见"Using jQuery and MooTools Together"。

Answer 2

使用jQuery而不是$作为datepicker。

jQuery(document).ready(function(){
jQuery("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' });
});

Answer 3

您正在加载2个版本的jquery，因此请删除

<script type="text/javascript" src="/js/js/jquery-1.4.4.min.js"></script>

另外，应该在jquery之后的右上角加载jquery ui。

包含多个JQuery插件问题

3 个答案: