Jquery 如何在到达最后一个旋转木马项目时循环卡片

所以，我有一个硬编码的旋转木马，因为它有自己的风格，类似于netflix旋转木马，但当我用左右指示器移动到最后一个项目时，它就坏了，因为没有更多的项目，我想知道我是否可以做些什么，以便在到达最后一个项目时从第一个开始重新开始，图中的示例说明了发生的情况，如果我再次单击右侧，则不会有更多的项目。正如我之前所问的，是否有一种方法可以循环这些项目？ 我正在使用rails和jquery

旋转木马

})

---

})

我认为你的问题不一定适合RubyonRails。根据本教程，您的问题的答案可能是：

简而言之，在标签中写下：

您可以将一些HTML委托给它，结果会是：

<div if="section-events">
  <div class="module-section clearfix">
      <% @shows.each do |show| %>
        <div><%= render partial: "event", locals: {show: show} %></div>
      <% end %>
    </ul>
  </div>
</div>

试一试，教程很容易理解

$('#controlR').click(function() {
event.preventDefault();
$('#content').animate({
    marginLeft: "-=95vw"
}, "fast");

$('#controlL').click(function() {
event.preventDefault();
$('#content').animate({
    marginLeft: "+=95vw"
}, "fast");

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>

$(".module.section").slick({
  infinite: true,
  slidesToShow: 4, // or whatever you want
  slidesToScroll: 1 // or whatever you want
});

<div if="section-events">
  <div class="module-section clearfix">
      <% @shows.each do |show| %>
        <div><%= render partial: "event", locals: {show: show} %></div>
      <% end %>
    </ul>
  </div>
</div>