Javascript JQuery转盘-移动UL而不是LIs_Javascript_Jquery_Carousel

Javascript JQuery转盘-移动UL而不是LIs

javascript jquery

Javascript JQuery转盘-移动UL而不是LIs,javascript,jquery,carousel,Javascript,Jquery,Carousel,我在这里使用JQuery Carousel插件：我已将其设置为： <script type="text/javascript"> $(function(){ $(".carousel").carousel(); }); </script> <div id="carouselholder"> <div class="carousel"> <ul> <li><im

我在这里使用JQuery Carousel插件：

我已将其设置为：

<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-->


$（函数（）{
$（“.carousel”）.carousel（）；
});

但是当我按下下一步按钮时，它似乎改变了整个

ul

而不是

li

有人知道如何解决这个问题吗？（或者有更好的插件？）

下图：元素检查器的屏幕截图：

我想这就是它的工作原理

如果您在旋转木马包裹上放置了一个宽度，因此它仅显示一个图像，ul将移动位置以显示下一个图像

李牌不动

如果你想尝试另一个插件，我推荐这个

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

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

li {
  float: left;
}

只需在容器中添加多一点样式来限制视图，您就可以开始了。

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

它将绝对定位的

而不是