JQuery转盘-移位UL not LIs

Question

我在这里使用JQuery Carousel插件：http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm

我已经这样设置了它：

<script type="text/javascript">
    $(function(){
        $(".carousel").carousel();
    });
</script>

<div id="carouselholder">
<div class="carousel">
    <ul>
        <li><img src="images/1.jpg" alt=""></li>
        <li><img src="images/2.jpg" alt=""></li>
        <li><img src="images/3.jpg" alt=""></li>
    </ul>
</div>
</div><!--CAROUSELHOLDER-->

但当我点击“下一步”按钮时，它似乎改变了整个ul，而不是li。

有人知道怎么解决这个问题吗？(或者可能有更好的插件？)

下面是Element Inspector中的屏幕截图：

​

​

Answer 1

关于这个插件的文档似乎有点少。似乎需要一些额外的样式才能使其工作，但没有一个示例说明这一点。

您的设置是正确的，实际上它将移动整个UL分组，只显示当前选择的li。使用上面的简单代码，我所做的就是添加以下CSS以使其工作：

li {
  float: left;
}

只需在容器中添加更多的样式来约束视图，您就可以开始工作了。

Answer 2

我认为这就是它的工作方式。

如果您在carousel-wrap上设置了宽度，那么它只显示一个图像，ul会移动位置以显示下一个图像。

li标记不会移动

如果你想尝试另一个插件，我推荐这个http://caroufredsel.dev7studios.com/index.php。

Answer 3

感谢所有人的帮助，但我发现修改后的Cycle插件工作得更好：

http://jquery.malsup.com/cycle/nowrap.html