*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");