javascript - 包含多个JQuery插件问题

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>

在上面发布的代码中，复选框的样式工作正常，但日期选择器却不行。如果我删除 2 条 mootools JS 行，那么日期选择器就可以正常工作。

请问有什么想法吗？

Answer 1

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

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