JavaScript — лайтбокс 2 не работает с WordPress

Он отлично работает со статической версией веб-сайта, но после переноса его в версию WP, щелкнув изображение, просто перемещается на новую страницу, вместо того, чтобы поднимать LB вверх, как в статической версии. Шаблон:

<?php
/*
Template Name: Work Child Page
*/
?>
<?php include 'header.php'; ?>

<?php while ( have_posts() ) : the_post(); ?>

<div class="col-md-10">
<div class="row bottom-margin">
<div class="col-md-12">
<h3><?php the_field('title'); ?></h3>
</div>
</div>
<div class="row">
<?php
if(have_rows('images')):
while(have_rows('images')): the_row();?>
<?php if(get_sub_field("image")): ?>

<div class="col-md-2 bottom-margin" data-title="" data-lightbox="Vacation">
<a href="<?php the_sub_field('image'); ?>">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">
</a>
</div>

<?php endif; // end of if field_name logic ?>
<?php endwhile;?>
<?php endif;?>

</div>
</div>

<?php endwhile; // end of the loop. ?>

<?php include 'footer.php'; ?>

Консоль не выдает никаких ошибок JS. Он использует повторитель ACF, ретранслятор называется «изображения» с одним подполем «изображение», который имеет тип изображения и возвращает значение URL изображения?

0

Решение

Вы выбрали URL-адрес изображения при создании поля. При создании поля изображения по умолчанию существует опция для объекта изображения. Если все в порядке, попробуйте найти скрипт лайтбокса в источнике страницы, это правильный путь, который вы указали.

Если это тоже хорошо, то это должно конфликтовать с каким-то скриптом плагина, который вы использовали, или может возникнуть проблема, когда вы включаете библиотеку. Вы можете попытаться переместить его поверх верхнего колонтитула или наоборот.

0

Другие решения

Найти этот код

<a href="<?php the_sub_field('image'); ?>">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">

и заменить этим

<a href="<?php the_sub_field('image'); ?>" rel="lightbox">
<img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">
0

По вопросам рекламы [email protected]