引导转盘指示器不会在自定义WordPress主题上循环

时间:2017-08-12 作者:user5854648

*UPDATE - This wasn\'t showing because of a cache issue. The comment referencing changing the jQuery to :first-child instead of :first was indeed the only issue that needed to be addressed. *

我正在创建WordPress主题,图像滑块无法完成三件事:

1) 当点击一个指示器时,它什么也不做。

2) 图像滑块不会自动滑动。

3) 第一个指示灯从不亮起。

我知道内容是存在的,因为如果我使用类别滑块添加帖子,图像将与标题和新的旋转木马指示器一起显示。我还检查了DOM,所有的数据幻灯片都在那里,但没有任何东西在移动。非常感谢您的帮助。

HTML/PHP

<?php 
   $number = 0; 
   query_posts(\'category_name=slider\'); 
   if(have_posts()):  
?>

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <?php while(have_posts()): the_post(); ?>
      <li data-target="#carousel-example-generic" data-slide-to="<?php echo $number++; ?>"></li>
      <?php endwhile; ?>
  </ol>

  <!-- Carousel items -->
  <div class="carousel-inner">  

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

    <div class="item">
      <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id ( $post->ID ), \'single-post-thumbnail\' ); ?><a href=#"><img class="img-responsive" src="<?php echo $image[0]; ?>" />
      <div class="carousel-caption">
        <?php the_title();?>  
      </div>
    </div></a>
    <?php endwhile; ?>
  </div>
</div>

<?php endif; wp_reset_query(); ?>

jQuery

//Carousel Indicator
$(".carousel-indicators li:first-child").addClass("active");
$(".carousel-inner .item:first-child").addClass("active");

2 个回复
最合适的回答,由SO网友:user5854648 整理而成

添加:first child over:首先解决了指标问题,但上面的代码实际上是正确的。我必须清除缓存,它成功了。

SO网友:Leroy

从我看到的地方,你正在循环指标以及你的旋转木马内部项目。基本上,只尝试循环内容。

结束