Question

我想用tinycarouosel自动滑动我的div。

在

中添加了插件

vendors/assets/javascripts

在application.js

中

//= require jquery.tinycarousel.min

In my html file

 <% array_product_subscriptions.flatten.each do |subscription| %>
    <div class="contract-para"><%= "The Product is ready #{subscription.name}" %></div>
 <% end %>

  <script type="text/javascript" src="/assets/jquery.tinycarousel.min.js">
          $(document).ready(function(){
              $('.contract-para').tinycarousel();
          });
  </script>

在.css文件中

.contract-para{
   overflow: hidden;
   height: 20px;
   width: 100%;
 }

但它并没有滑动我的div。它只是逐个显示我的div。

我做错了什么？

Answer 1

您似乎正在创建多个div，因为您将其循环到each内，将其更改为此然后尝试：

<div class="contract-para">
  <% array_product_subscriptions.flatten.each do |subscription| %>
    <%= "The Product is ready #{subscription.name}" %>
  <% end %>
</div>

Tinycarousel不会自动滑动

1 个答案: