JQuery + Prototype.js 잠재적 충돌

다음 코드는 문제가되는 것입니다.JQuery + Prototype.js 잠재적 충돌

<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 <------------------

위의 코드는 제품 개요 또는 오류가 콘솔 메신저에서 제품 기능 목록

하나를보고 허용하는 탭 패널을 만드는 데 사용됩니다 "catch되지 않은 형식 오류 : 개체 # 어떤 방법을 '이 없다 ready ""

라이트는 표준 prototype.js를, 탭핑을 위해서는 jquery.js를 사용합니다. 변경되지 않았습니다.

미리 감사드립니다.

출처

2011-10-04 Aleski

한 페이지에 두 개의 프레임 워크를 사용하는 이유 : \ – Raynos

글쎄, JS에 지나치게 확신하지는 않았지만 페이지에 이미 탭 방식이 있었으며 이미지 갤러리 (lightbox-esque)를 구현하라는 요청을 받았습니다. jquery 버전의 라이트 박스가 있습니까? 아니면 매우 유사합니까? – Aleski

그것은 나쁜 자바 스크립트뿐만 아니라 : http://tinyurl.com/6x8x3g6 –

는 익명 함수에 코드를 래핑이 래퍼 내부의 코드가 안전하게 $에 JQuery와 방법을 사용할 수 있도록

는

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

이 코드 조각, $ "다시"JQuery와 객체에 "변환".

출처

2011-10-04 09:52:47

함수에 모든 것을 싸서 도움이되지 않습니다. – Aleski

코드에'$ .noConflict()'를 추가 했으므로 .. 제거하십시오. –

감사합니다 형, 매력을 일했습니다. – Aleski

JQuery + Prototype.js 잠재적 충돌

답변

관련 문제