ライトボックス2はWordpressで機能していません

Question

静的バージョンのウェブサイトでは問題なく動作しますが、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リピータを使用します。リピータはimageという名前の1つのサブフィールド "image"を持つ "images"と呼ばれ、イメージのURL値を返します。

Answer 1

フィールドの作成中に画像URLを選択しましたか？イメージフィールドを作成する際、デフォルトでイメージオブジェクトのオプションがあります。そのすべてがOKであれば、あなたが含まれている正しいパスであるページソース内のライトボックスのスクリプトを見つけようとします。

それでも問題がなければ、使用しているプラ​​グインのスクリプトと競合しているか、ライブラリを含むときに問題がある可能性があります。ヘッダーをフッターに移動するか、またはヘッダーをフッターに移動することができます。

Answer 2

このコード

<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="">