2011-08-20 86 views
0

我一直在拉我的头发jQuery的日历和MooTools的冲突

我需要两个插件一起工作

下面

是我的代码剥开

  <script type="text/javascript" src="http://digitarald.de/js/mootools-1.2-core-nc.js"></script> 
      <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Observer.js"></script> 
      <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.js"></script> 
      <script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.Local.js"></script> 
      <script type="text/javascript" src="includes/auto-city.js"></script> 
      <script type="text/javascript" src="includes/jquery.min.js"></script> 
      <script type="text/javascript" src="includes/datepicker.jquery.min.js"></script> 
      </head> 

      <body> 
      <br /> 

          <form action=""> 
            <input type="text" id="ap-city" value="From" size="16" class="text" /> 
          </form> 

      <br /> 

          <form action=""> 
           <input class="datepicker" type="hidden" /> 
          </form> 

      </body> 

      </html> 

顶部五个脚本用于自动完成 - 最下面两个用于日历。我只能得到一个或另一个工作。有obv冲突,但我不知道如何使$ .noConflict():工作。

回答

1

在你的主(而不是库)添加这个JavaScript文件:

$.noConflict(); 
jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 
+0

嘿,我很欣赏快速反应。只是为了澄清 - 你的意思是在jquery.min.js文件中加入这个 – Jeff

+0

@Jeff:在你的代码中的JS文件中的Nopez – PeeHaa

+0

嘿PeeHaa,我有点出于我的深度,所以请原谅我。我将此添加到datepicker.jquery.min.js,但它导致了一个错误。我应该在哪里添加这个? – Jeff

0

使用命名空间。 See this for an example

+0

感谢你 - 我需要更多的信息。我已经看过jQuery网站上的例子,但不能真正理解它。 - 我只在我的html头部引用js文件 - 实际标记中没有像示例使用的JavaScript。 – Jeff