다른 jquery와 충돌을 일으키지 않음

Question

그래서 며칠 전에 충돌을 구현하는 방법을 이해하는 데 도움을주기 위해 게시했습니다. 저를 도와 준 덕분에 @tdanielcox에게 감사드립니다. 올바르게 구현했지만 충돌이 일어나기 전에 제대로 작동하는 라이트 박스에 문제가있는 것으로 보입니다.

다음은 충돌이없는 페이지입니다.

http://michaelcullenbenson.com/MichaelCullenBenson.com/index2.html

라이트 박스 각 이미지의 마우스 오버 상태에 돋보기를 클릭.

이 페이지는 무 충돌이 구현되기 전에 존재하며 라이트 박스의 작동 버전이 있지만 아래쪽의 드리블 피드는 충돌없이 끊습니다. 나는 JQuery와 1.6.1을 제거하면

http://michaelcullenbenson.com/MichaelCullenBenson.com/index.html

는 라이트 다시 따라 계속 작동합니다. 라이트 박스에서 작동하는 유일한 jquery 파일은 (jquery.magnific-popup.js)이지만 1.6.1 jquery 라이브러리가 필요하지 않으므로 왜 효과가 있는지 혼란 스럽습니다.

다음은 jquery가 충돌하지 않는 마크 업입니다. 어떤 도움을 주셔서 감사합니다! 내가 얼마나 감사하는지 모르겠다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 


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


     <script type="text/javascript"> 
     $(document).ready(
       function(){ 
        $('#news').innerfade({ 
         animationtype: 'slide', 
         speed: 600, 
         timeout: 6000, 
         type: 'random', 
         containerheight: '1em' 
        }); 


      }); 
    </script> 

     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src="utilcarousel-files/utilcarousel/jquery.utilcarousel.min.js"></script> 
     <script src="utilcarousel-files/magnific-popup/jquery.magnific-popup.js"></script> 
     <script src="js/responsive-nav.js"></script> 





     <script> 
      $(function() { 


       $('#fullwidth').utilCarousel({ 
        breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],], 
        mouseWheel : false, 
        rewind : true, 
        autoPlay : true, 
        pagination : false 
       }); 

       $('#fullwidth2').utilCarousel({ 
        breakPoints : [[600, 1], [800, 2], [1000, 3], [1300, 4],], 
        mouseWheel : false, 
        rewind : true, 
        autoPlay : true, 
        pagination : false 
       }); 

      }); 
     </script> 

    <script>  
     $(document).ready(function() { 
var movementStrength = 25; 
var height = movementStrength/$(window).height(); 
var width = movementStrength/$(window).width(); 
$("#aboutarea").mousemove(function(e){ 
      var pageX = e.pageX - ($(window).width()/2); 
      var pageY = e.pageY - ($(window).height()/2); 
      var newvalueX = width * pageX * -1 - 25; 
      var newvalueY = height * pageY * -1 - 50; 
      $('#aboutarea').css("background-position", newvalueX+"px  "+newvalueY+"px"); 
}); 
}); 

    </script> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script>var $j6 = jQuery.noConflict();</script> 

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

    $j6(function() { 

     $j6('#user').dribbble({ 
      player: 'MCBDesign', 
      total: 1 
     }); 
    }); 

    </script> 

Answer 1

var $j6 = jQuery.noConflict(true);을 사용해 보셨습니까?