2011-08-20 64 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