jQuery库与原型框架冲突

Question

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

需要创建一些悬浮卡(http://www.nickstakenburg.com/projects/prototip2/)。

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

当两个JavaScript文件都在页面中时，我的悬浮卡片停止工作。当我删除jQuery文件时，鼠标悬停卡又回来了。

为什么jQuery会停止prototype.js文件的工作？我该如何解决这个问题，这样我才能同时使用这两个工具呢？

Answer 1

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

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