Question

我的滑块有两个方框。带图片的盒子和带说明的盒子。当我将描述包装到链接中时，仅在第三张幻灯片中，它作为链接工作。为什么它在每张幻灯片中都不起作用以及如何解决这个问题。

<div id="this-carousel-id" class="carousel slide" data-ride='carousel'>
<div class="container">
<div class="carousel-inner"> 

      <?php query_posts('tag=slider'); ?>
      <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
        <div class="item home-slide" >

          <div class="col-lg-7 slide-image " >
              <a  href="<?php the_permalink(); ?>"><img  src="<?php echo first_image() ?>"></a>
          </div>

              <div class="col-lg-5 slide-text ">
                 <div class="line-through-index w-marg-index ">
                   <span><?php the_title(); ?></span> 
                </div>
                <div  id="slide-image-descr"><a id="content-display-block" href="<?php the_permalink(); ?>"><?php the_content(); ?></a></div>
              </div>       

        </div><!-- end .item -->

      <?php endwhile; ?>
      <?php else: ?>
        <p class="no-posts"><?php _e('Sorry, no posts matched your criteria', 'example'); ?></p>
      <?php endif; ?>  
      <?php wp_reset_query(); ?> 

</div> <!-- /.carousel-inner -->
</div>

===============================================

<script type="text/javascript">
  $('.home-slide:first').addClass('active');
</script>

直播示例：http://beardhouse.com.ua/

滑块不能用作链接

0 个答案: