javascript - OwlCarousel2 无法让 jquery 工作

Question

我正在使用插件 OwlCarousel2 制作 slider 图像我在网站上添加了他们提供的 JavaScript 和 CSS 文件。

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

自定义动画

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

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

<?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()

删除其中一个。