当前位置：文江博客话题详情

MooTools 和 jQuery 集成

发布于 2024-07-13 02:02:25 字数 274 浏览 7 评论 0原文

我正在使用代码 MooTools (1.11) 和 jQuery (1.2.6)。当这些都工作正常时分离。当我集成 Firefox 时，它会抛出：

(document).ready(){} 不是函数。

我的观念有什么问题吗？我该怎么做才能纠正它？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一个人的旅程 2024-07-20 02:02:25

jQuery.noConflict(); 
jQuery(function($){ 

   $works with jQuery here. 
});
$ Works with MooTools here.

不过，话虽如此，我建议您放弃 MooTools。

它对所有对象原型的完全修改可能会导致 jQuery 的函数随机且无法解释地导致错误，最重要的是，MooTools 对所有对象原型的修改（甚至修改了对象和函数原型），根据我的经验，导致了在 jQuery 中，执行速度比没有时明显慢，仅仅是因为 MooTools 位于同一页面上。

此外，MooTools 为 50 KB，jQuery 为 25 KB（平均数，包括扩展）。同时拥有它们将大大减慢页面加载速度，只是为了获取额外的数据。

我正在处理的一个项目遇到了 JavaScript 性能问题，而且我说的是看似简单的代码，确实严重速度减慢。我们迁移到 jQuery，性能没有任何提升，直到我们完成代码迁移后停止加载 MooTools，然后一旦我们放弃 MooTools，速度就恢复了。

jQuery.noConflict(); 
jQuery(function($){ 

   $works with jQuery here. 
});
$ Works with MooTools here.

However, that said, I would suggest you ditch the MooTools.

Its complete modification of all object prototypes can cause cause jQuery's functions to randomly and unexplainable cause errors, and on top of that, MooTools' modification of all object prototypes (the Object and Function prototypes are even modified), have, in my experience, resulted in jQuery performing significantly slower than without, simply for MooTools being on the same page.

Additionally, MooTools is 50 KB and jQuery is 25 KB (average numbers, including extensions). Having them both will drastically slow down page load just for the extra data fetch.

A project I was working was having problems with JavaScript performance, and I'm talking really serious slowdowns, in seemingly simple code. We migrated to jQuery, and there was no performance gain until we stopped loading the MooTools when we'd finished migrating the code, and then as soon as we dropped MooTools, the speed came back.

回复收藏 0 原文

淡忘如思 2024-07-20 02:02:25

除了 sanchothefat 所说的之外，您确实应该尽量避免一起使用两个这样的框架，因为它们本质上做同样的事情。如果您没有对 Javascript 进行 gzip 压缩，则可能会向用户发送至少 150-200k 的 JavaScript，仅包含库，更不用说您正在使用的插件了。几乎您在 MooTools 中所做的任何事情都可以在 jQuery 中完成，反之亦然。如果您环顾四周，您可能会发现可以实现您正在寻找的功能的脚本已被双向移植。

回复收藏 0 原文

庆幸我还是我 2024-07-20 02:02:25

jQuery 和 MooTools 都使用“$”作为调用其主要函数的简写方式。 jQuery 团队已经构建了一种方法来阻止这种情况，因此您可以编写类似以下内容的内容：

jQuery(document).ready(function(){...});

相反，

$(document).ready(function(){...});

这将允许您并排使用 jQuery 和任何其他 JavaScript 库。阅读他们关于该主题的文档 -
将 jQuery 与其他库一起使用。

jQuery and MooTools both use '$' as a shorthand way of calling their main functions. The jQuery team have built in a way to stop this, so you can write something like:

jQuery(document).ready(function(){...});

Instead of

$(document).ready(function(){...});

This will let you use jQuery and any other JavaScript library side by side. Read their docuentation on the subject -
Using jQuery with Other Libraries.

回复收藏 0 原文