jquery와prototype이 호환되지 않는 방법 해결

jquery와prototype은 빈번한document을 $로 대체합니다.getElementById () 작업이기 때문에 함께 사용하면 반드시 충돌을 일으킬 수 있습니다. 어떻게 jquery와prototype이 호환되고 공존할 수 있습니까? 다음은 두 가지 방법을 소개합니다.
첫 번째:prototype을 먼저 불러오고 jquery를 불러옵니다
 <html>
 <head>
   <script src="/prototype.js"></script>
   <script src="/jquery.js"></script>
   <script>
   jQuery.noConflict();

     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
       $("div").hide();
     });
// Use Prototype with $(…), etc. $('someid').hide(); </script> </head> <body></body> </html>

위에서 보듯이 빨간색 부분은 jquery에 대한 호환 처리입니다. 이렇게 하면 jquery와prototype이 호환될 수 있습니다.jQuery.noConflict();맨 앞에 놓으려면 jquery의 코드를 jQuery (document) 에 놓으십시오.ready(function($){ ……… }); 내부
두 번째: jquery를 먼저 불러온 다음prototype을 불러옵니다
<html>
<head>
   <script src="/jquery.js"></script>
   <script src="/prototype.js"></script>
   <script>
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
</head>
<body></body>
</html>

위에서 보듯이 jQuery를 호출할 필요가 없습니다.noConflict();,jQuery(document)를 사용합니다.ready(function(){ …….. });,이 함수 내부에서 $대신 jQuery를 사용합니다.

좋은 웹페이지 즐겨찾기