jQuery Library与Prototype Framework冲突

Question

我在html页面中包含两个JavaScript文件。第一个是：https://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js

需要创建一些hovercards（http://www.nickstakenburg.com/projects/prototip2/）。

第二个JavaScript是最新的jQuery。我需要这个在页面上创建一些动画。

当两个JavaScript文件都在页面中时，我的hovercards停止工作。当我删除jQuery文件时，hovercards又回来了。

为什么jQuery阻止prototype.js文件工作？我如何解决这个问题，以便我可以同时使用它们？

Answer 1

您可以像这样使用noConflict()：

jQuery.noConflict();
(function($) { 
  $(function() {
    // more code using $ as alias to jQuery
  });
})(jQuery);
//code with the other library using $