Question

我正在使用插件OwlCarousel2做一个滑块图片我已经添加了他们在网站上提供的JavaScript和CSS文件。

我也在WordPress自定义主题上设置了它。我很难弄清楚如何设置我自己的自定义Jquery。

自定义动画

jQuery(document).ready(function() {
  $(document).ready(function(){
   $('.owl-carousel').owlCarousel();
        Boolean: false,
        Number: 10
    });
});

带有高级自定义图库/复选框字段的Wordpress滑块图像

<?php $images = get_field('image_carousel');  ?>
    <?php $activate_carousel_array = get_field( 'activate_carousel' );  ?>

<?php if( $images ): ?>
<?php  if ( $activate_carousel_array ):
foreach ( $activate_carousel_array as $activate_carousel_item ):
echo $activate_carousel_item; ?>
<?php
$images = get_field('image_carousel');
if( $images ): ?>
<div id="hero">
<div class="slider owl-carousel owl-theme">
<?php foreach( $images as $image ): ?>
<div><img src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" /></div>
<?php endforeach; ?></div>
                   </div>
<?php endif; ?>
<?php endforeach; ?>
<?php  endif; ?>
<?php endif; ?>

Answer 1

在您的代码中使用

jQuery(document).ready(function()和

$(document).ready(function()

删除其中一个。

OwlCarousel2无法让jquery工作

1 个答案: