OwlCarousel2はjqueryを動作させることができません

Question

プラグインを使用してスライダーイメージを作成していますOwlCarousel2 JavaScriptで提供されたCSSファイルとCSSファイルがWebサイトに追加されています。

WordPressのカスタムテーマでも設定します。私は自分のカスタムJqueryをセットアップする方法を理解しようとするのに苦労しています。

Advancedカスタムギャラリー/チェックボックスフィールドを持つカスタムアニメーション

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

を使用

いずれかを削除します。