mootools 和原型冲突

Question

这是我的代码，它一直不起作用，如果我删除原型脚本文件，mootools 工作，如果我删除 mootools 原型工作！这是代码：

<script type="text/javascript" src="js/mootools.js"></script> 
<script type="text/javascript" src="js/imageMenu.js"></script> 
<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript">

            window.addEvent('domready', function(){
                var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
            });
</script>

值得一提的是，当我尝试一次时，原型与 MT 一起工作，但原型中的 Ajax.Updater 仍然无法正常工作。

我确实检查了这里关于这个问题的大部分主题，但仍然失败！

Answer 1

我不确定你为什么会想要同时使用原型和 mootools。这肯定会被视为滥用框架......选择一个并坚持下去。如果您无法在其中一个或另一个之间进行选择，请从您甚至根本需要一个框架的基本假设开始，然后从那里决定哪一个适合您的需求。仅仅为了拥有它而使用一个（或多个）是一个糟糕的计划。

两个框架都通过扩展 DOM 来完成它们的功能，因此存在冲突也就不足为奇了。两者都使用$ 作为其扩展功能的入口点。堆叠框架时获得的功能重复量几乎排除了将它们结合使用的可能性，更不用说加载大量不需要的代码的额外开销。

说了这么多，您可以查看this article。这是 mootools 对与其他框架的兼容性/冲突解决的建议。您会注意到，在文章的第一段中，作者给出了与我在这里相同的警告——不要堆叠框架。在极少数非常具体的情况下，这是您唯一的选择，否则您需要认真考虑为什么要采用这种方法。