简单模式不起作用答案

【问题标题】：Simple modal not working简单模式不起作用
【发布时间】：2012-06-22 11:11:25
【问题描述】：

我对简单模式有疑问！不工作我有一些错误！我在 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>

【问题讨论】：

你为什么同时使用mootools和jQuery？你不认为 jQuery 有一百万个模态插件吗？
我尝试使用fancybox！但是有问题

标签： javascript mootools simplemodal

【解决方案1】：

将最后一个脚本标签移到第一个

<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 可以访问$ 变量。

【讨论】：