javascript - JQuery + Prototype.js 潜在冲突

Question

以下代码有问题。

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

// <![CDATA[
$(document).ready(function () {

// Start Tabbing <---------------------
// Hide features tab
$('#detailFeatures').hide();

$('#menu a').click(function(){

    if ($(this).attr('rel') == 'pdf') return true;

    selected = $(this).attr('href');

    // Clear active tab
    $('#menu li').removeClass('active');

    // Add class to clicked
    tab = selected + 'Tab';
    $(tab).addClass('active');

    // Hide all content
    $('.productTab').css('display','none');

    // Show selected tab
    $(selected).css('display','block');

    return false;

    });
// End Tabbing <------------------

上面的代码用于创建一个选项卡式面板，允许查看产品概述或产品功能列表

在控制台中，我收到错误“Uncaught TypeError: Object # has no method 'ready'”

我使用标准的 prototype.js 用于 lightbox 和 jquery.js 用于标签，没有改变。

提前致谢。

Answer 1

将您的代码包装在一个匿名函数中:

(function($){
   //JQuery code here, example:
   $(document).ready(...);
})(jQuery);

这段代码将 $“转换”回 JQuery 对象，以便此包装器中的代码可以安全地在 $ 上使用 JQuery 方法。