다음 예도 이 문제를 해결합니다
출생 이후 jQuery 버전이 점점 더 많아지고 있으며 jQuery 공식 웹사이트의 새 버전도 계속 업데이트 및 출시되고 있습니다. 그러나 우리는 이미 이전 프로젝트에서 1.3과 같은 이전 버전의 jQuery를 사용했습니다. .X, 1.4.X, 1.5.X, 1.6.2 등
프로젝트의 필요로 인해 최신 버전의 jQuery를 계속 사용해야 합니다. 그러나 이미 존재하고 채택된 이전 jQuery 버전의 경우 여러 다른 jQuery 버전이 공존하도록 하려면 어떻게 해야 합니까? 같은 페이지 없이 충돌이 발생하면 어떻게 되나요?
실제로 jQuery.noConstrict() 기능을 사용하면 jQuery가 Prototype과 같은 다른 JS 라이브러리와 공존하도록 할 수는 없습니다. 다른 버전의 jQuery와도 충돌 없이 공존할 수 있습니다.
동일한 페이지에 여러 다른 jQuery 버전 로드<br> ="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><br> jQuery_New = $.noContribute(true);<br> > ;script type="text/javascript"><br> var jQuery_1_6_2 = $.noConflect(true);<br> </script><br> ="http://ajax.googleapis.com/ajax/libs /jquery/1.5.2/jquery.min.js"></script><br> <br> var jQuery_1_5_2 = $.noConflect(true);<br> </script><br> " src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br> <script type="text/javascript" ><br> var jQuery_1_4_2 = $.noConflect(true);<br> </script><br> /javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery .min.js"></script><br> <script type="text/ javascript"><br> var jQuery_1_3_2 = $.noConflect(true);<br> </script><br> <script type="text/javascript"><br> 경보(jQuery_New.fn.jquery );<br> 경보(jQuery_1_6_2.fn.jquery);<br> 경보(jQuery_1_5_2.fn.jquery); (jQuery_1_3_2.fn.jquery); <br><br> jQuery_New(function($){$('<p>최신 '$.fn.jquery' 버전으로 추가했습니다. </p>').appendTo('body');});<br> jQuery_1_6_2(function($){$('<p>'$.fn.jquery' 버전으로 추가했습니다.< ;/p>').appendTo('body');});<br> jQuery_1_5_2(function($){$('<p>' $.fn.jquery ' 버전으로 추가했습니다.< /p>').appendTo('body');});<br> jQuery_1_4_2(function($){$('<p>' $.fn.jquery ' 버전으로 추가했습니다.</ p>').appendTo('body');});<br> | jquery '버전입니다.</p>').appendTo('body');});<br> 다양한 jQuery 버전<br> </div></a></span>
</div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="JS를 사용하여 포커스 요소 code_javascript 기술 얻기" href="https://m.php.cn/ko/faq/13581.html">JS를 사용하여 포커스 요소 code_javascript 기술 얻기</a></span><span>다음 기사：<a class="dBlack" title="JS를 사용하여 포커스 요소 code_javascript 기술 얻기" href="https://m.php.cn/ko/faq/13583.html">JS를 사용하여 포커스 요소 code_javascript 기술 얻기</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="https://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6t+ed+2i-1n-4w"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ko/faq/1609.html" title="Bootstrap 목록 그룹 구성 요소에 대한 심층 분석" class="aBlack">Bootstrap 목록 그룹 구성 요소에 대한 심층 분석</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/1640.html" title="JavaScript 함수 커링에 대한 자세한 설명" class="aBlack">JavaScript 함수 커링에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/1949.html" title="JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)" class="aBlack">JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/2248.html" title="Angularjs는 WeChat UI(weui)를 통합합니다." class="aBlack">Angularjs는 WeChat UI(weui)를 통합합니다.</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ko/faq/2351.html" title="JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술" class="aBlack">JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</p></div><div class="footermid"><a href="https://m.php.cn/ko/about/us.html">회사 소개</a><a href="https://m.php.cn/ko/about/disclaimer.html">부인 성명</a><a href="https://m.php.cn/ko/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
var _times = times || -1, //100次
_interval = interval || 20, //20毫秒每次
_self = this,
_selector = this.selector, //选择器
_iIntervalID; //定时器id
if( this.length ){ //如果已经获取到了，就直接执行函数
func && func.call(this);
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //是0就退出
clearInterval(_iIntervalID);
}
_times <= 0 || _times--; //如果是正数就 --
_self = $(_selector); //再次选择
if( _self.length ) { //判断是否取到
func && func.call(_self);
clearInterval(_iIntervalID);
}
}, _interval);
}
return this;
}
$("table.syntaxhighlighter").wait(function() {
$('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
$(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>
