2012-06-22 216 views
2

我有簡單模態的問題!不工作我有一些錯誤!我在header.php中mootols和jQuery簡單模態不工作

錯誤是:

Uncaught TypeError: Object #<Object> has no method 'addEvent' demo.js:8 
(anonymous function) demo.js:8 
(anonymous function) mootools-core-1.3.1.js:354 
h mootools-core-1.3.1.js:32 
Array.implement.each mootools-core-1.3.1.js:38 
invoke.fireEvent mootools-core-1.3.1.js:353 
h 

我的代碼是:

<script type="text/javascript" src="js/mootools-core-1.3.1.js"></script> 
<script type="text/javascript" src="js/mootools-more-1.3.1.1.js"></script> 
    <script type="text/javascript" src="js/simple-modal.js"></script> 
<script type="text/javascript" src="js/demo.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
+0

爲什麼你在同一時間使用mootools和jQuery?你不覺得有一百萬模態插件用於jQuery? – Esailija

+0

我嘗試使用fancybox!但有問題 – Allen

回答

2

移動你的最後一個腳本標籤第一

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript" src="js/mootools-core-1.3.1.js"></script> 
<script type="text/javascript" src="js/mootools-more-1.3.1.1.js"></script> 
    <script type="text/javascript" src="js/simple-modal.js"></script> 
<script type="text/javascript" src="js/demo.js"></script> 

它將工作..

或者您可能在頁面上有多個jQuery實例。

您需要:

  • AET擺脫他們的一個(有沒有必要有兩個)
  • 別名了jQuery在custom.js
  • 使用noConflict()用於解決其的jQuery的獲取訪問$ 變量。