jquery - 在第一张图片上向左滑动时，引导轮播会崩溃

Question

嘿伙计们，我试图搜索，但找不到任何东西。我试图设置一个带有 3 个图像的 twitter 引导轮播，一切正常，直到你在图像 1 上尝试向左滑动，看起来“活动”类消失了。要查看实时示例，请访问 patfred.se 转到投资组合并单击图像，您将看到轮播。

这是我的代码。

<div id="myCarousel" class="carousel slide">
   <!-- Carousel items -->
   <div class="carousel-inner">
   <div class="active item"><img src="<?php echo DIR_REL . $c->getAttribute('picture1'); ?>"> </img></div>
   <div class="item"><img src="<?php echo DIR_REL . $c->getAttribute('picture2'); ?>"> </img></div>
   <div class="item"><div class="item"><img src="<?php echo DIR_REL . $c->getAttribute('picture3'); ?>"> </img></div></div></div>
   <!-- Carousel nav -->
   <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
   <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
<p class="portfolio-info"> <?php echo $c->getCollectionDescription(); ?></p>
<a href="<?php echo $c->getAttribute('out_link'); ?>" target="_blank">Gå till sidan</a>

Answer 1

您的标记中有一个小错误。您需要做的就是删除.itemdiv 内部的.itemdiv。

Answer 2

<img></img> 

这是错误的。图像标签不会以这种方式关闭。

<img src="" /> 

这是对的。

和你....item元素是重复到每张幻灯片，如 agriboz 所说。

<!-- Carousel items -->
<div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
</div>