Fancybox のスクリプト、css、jquery をプラグインすると問題が発生し、flexslider スクリプトが機能しません。次のエラーが表示されます。
JavaScript Error: TypeError: $(".flexslider").flexslider is not a function.
fancybox スクリプトを削除すると、flexslider が機能します。両方を使用することは可能ですか?
Fancybox のスクリプト、css、jquery をプラグインすると問題が発生し、flexslider スクリプトが機能しません。次のエラーが表示されます。
JavaScript Error: TypeError: $(".flexslider").flexslider is not a function.
fancybox スクリプトを削除すると、flexslider が機能します。両方を使用することは可能ですか?
これは、私のサイトの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()
;});
両方を使用できます。ダウンロードする前に使用しようとした可能性があります。
それらの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'
});
});