简单模态不起作用

时间:2012-06-22 11:11:25

标签: javascript mootools simplemodal

我有简单模态的问题!不工作我有一些错误!我在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>

1 个答案:

答案 0 :(得分: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摆脱其中一个(没有必要同时拥有)
  • 别名custom.js中使用的jQuery
  • 使用noConflict()解析哪个jQuery可以访问$ 变量