카메라 슬라이더, nivo 라이트 박스 - jQuery 충돌

Question

하나의 PHP 파일에 슬라이더와 nivo 라이트 박스를 함께 사용할 때 문제가 있습니다. 좋아,이 코드가 있습니다

<script type="text/javascript" src="js/slider/jquerySlider.min.js"></script> 
<script type="text/javascript" src="js/slider/jquery.mobile.customized.min.js"></script> 
<script type="text/javascript" src="js/slider/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/slider/camera.min.js"></script> 

<script> 
    jQuery(function(){ 
     jQuery('#camera_wrap_1').camera({ 
      thumbnails: false, 
      loader: 'bar', 
      pagination: false, 
      height: '300px', 
     }); 
    }); 
</script> 

<!--Nivo LightBox-->  
<link rel="stylesheet" href="css/nivo-lightbox.css" type="text/css" /> 
<link rel="stylesheet" href="themes/default/default.css" type="text/css" /> 
<script type="text/javascript" src="js/nivoLightbox/jquery.min.js"></script> 
<script type="text/javascript" src="js/nivoLightbox/nivo-lightbox.min.js"></script> 

<script> 
    $(document).ready(function(){ 
     $('a').nivoLightbox(); 
    }); 
</script> 

지금 그것은 단지 NIVO 라이트 박스를 작동하고를, 슬라이더가 작동하지 않습니다. src = "js/nivoLightbox/jquery.min.js"행을 삭제하면 슬라이더가 작동하고 라이트 박스는 표시되지 않습니다.

jQuerySlider.min.js는 jquery.min.js의 다른 버전입니다. . 일반적으로 모든이 스크립트는 jQuery 라이브러리의 일부 버전입니다. 나는 모두 삭제하고 최신, 그것은 여전히 ​​작동하지 않는 한, 그것을 대체합니다.

사람이 작업 솔루션이 코드를 다시 작성할 수 있습니다하세요?

Answer 1

아래 솔루션을 찾을 수 있습니다.

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


<script type="text/javascript" src="js/slider/jquery.mobile.customized.min.js"></script> 
<script type="text/javascript" src="js/slider/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/slider/camera.min.js"></script> 


<!--Nivo LightBox-->  
<link rel="stylesheet" href="css/nivo-lightbox.css" type="text/css" /> 
<link rel="stylesheet" href="themes/default/default.css" type="text/css" /> 

<script type="text/javascript" src="js/nivoLightbox/nivo-lightbox.min.js"></script> 

<script> 
    $(document).ready(function(){ 
     $('#camera_wrap_1').camera({ 
      thumbnails: false, 
      loader: 'bar', 
      pagination: false, 
      height: '300px', 
     }); 

     $('a').nivoLightbox(); 
    }); 
</script>