是否可以在同一頁面中使用Flexslider和Fancybox？

Question

我有一個問題，一旦我插入腳本，CSS，jQuery的Fancybox，我的flexslider腳本不起作用。我收到此錯誤：

JavaScript Error: TypeError: $(".flexslider").flexslider is not a function. 

當我刪除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> 

的Javascript：

$(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' 
    }); 
});