Flexslider와 Fancybox를 같은 페이지에서 사용할 수 있습니까?

Question

Fancybox 용 스크립트, CSS, jquery를 연결하면 문제가 발생합니다. flexslider 스크립트가 작동하지 않습니다. 이 오류 메시지가 나타납니다.

fancybox 스크립트를 제거하면 flexslider가 작동합니다. 둘 다 사용할 수 있습니까?

Answer 1

이것은 내가 그들에게 얼마나 모두 내 사이트 중 하나에서 작업 :

HTML :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script 
<script src="jquery.flexslider.js"></script> 

,

자바 스크립트 :

$(document).ready(function() { 
    $(".fancybox").fancybox(); 
    $('.flexslider').flexslider() 
;}); 

Answer 2

둘 다 사용할 수 있습니다. 다운로드하기 전에 사용하려고 할 수 있습니다.

은이 방법으로이 플러그인을 추가 할 필요가 그들의 API 따르면

// Can also be used with $(document).ready() 
$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide" 
    }); 
}); 

그리고

$(document).ready(function() { 
    $(".various").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
});