包含多个JQuery插件问题

Including multiple JQuery plug-ins Problem

本文关键字：问题 插件 JQuery 包含多      更新时间：2023-09-26

我才刚刚开始使用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行，那么日期选择器工作正常。

有什么想法吗?

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

也可能有jQuery和MooTools之间的冲突，我会尝试使用jQuery.noConflict()，也见"使用jQuery和MooTools在一起"

使用jQuery代替$作为日期选择器

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

你正在加载2版本的jquery，所以删除

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

同时，jquery ui应该加载在jquery之后的右上角

相关文章：