Я пытаюсь создать галерею с изображениями лайтбоксов. Я использую поле галереи ACF для добавления изображений и Slick Lightbox, чтобы иметь лайтбокс.
Я всегда получаю ту же ошибку, но не могу ее исправить: Uncaught TypeError: jQuery (...). SlickLightbox не является функцией. Все остальные файлы кажутся загруженными, но остается только эта ошибка.
Демонстрационная ссылка: https://vdp-staging.dfib.be/cases/case-voorbeeld/
Шаблон страницы:
<div class="case__content">
<img src="<?php the_field('case_uitgelichte_afbeelding') ?>">
<?php the_field('case_tekst'); ?>
<?php $beelden = get_field('case_beelden');
if($beelden): ?>
<div class="case_gallery">
<?php foreach( $beelden as $beeld ): ?>
<a href="<?php echo $beeld['url']; ?>" target="_blank" class="thumbnail">
<img src="<?php echo $beeld['sizes']['thumbnail']; ?>" alt="<?php the_title(); ?>" />
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
Как я помещаю свои скрипты в свой файл плагина:
function wp_enqueue_all_scripts(){
wp_enqueue_style( 'slick_css', '//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css' );
wp_enqueue_style('slickcsstheme', plugin_dir_url( __FILE__ ) . 'slick/slick-theme.css' );
wp_enqueue_style('slickcsslightbox', plugin_dir_url( __FILE__ ) . 'slick/slick-lightbox.css' );
wp_enqueue_script( 'slick_js', plugin_dir_url( __FILE__ ) . 'slick/slick.min.js', array('jquery'), '', true );
wp_enqueue_script( 'slick-lightbox', plugin_dir_url( __FILE__ ) . 'slick/slick-lightbox.js', array('jquery'), '', true );
wp_enqueue_script( 'vdp-cases', plugin_dir_url( __FILE__ ) . 'scripts.js', array('jquery'), '1.0', true );
}
add_action('wp_enqueue_scripts', 'wp_enqueue_all_scripts');
add_action( 'init', 'cases', 0 );
скриптов. js
jQuery(document).ready(function(){
jQuery('.case_gallery').SlickLightbox({
itemSelector: '> a'
});
});