2

Fancybox のスクリプト、css、jquery をプラグインすると問題が発生し、flexslider スクリプトが機能しません。次のエラーが表示されます。

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

fancybox スクリプトを削除すると、flexslider が機能します。両方を使用することは可能ですか?

4

2 に答える 2

3

これは、私のサイトの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()
;});
于 2012-11-01T20:52:14.687 に答える
1

両方を使用できます。ダウンロードする前に使用しようとした可能性があります。

それらの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'
    });
});
于 2012-11-01T20:21:15.183 に答える