Jquery 轨道上的猫头鹰转盘

我正在尝试让猫头鹰旋转木马在我的rails应用程序中工作。我有一段代码用来设置旋转木马

<div class="owl-carousel">
<% @photo.each do | p| %>
<div> <%= cl_image_tag(p.uri) %> </div>
<% end %>
</div>

我不知道该怎么做

谢谢，

---

乔

是的，你把选项放在那里： . .

您应该放置

$（“.owl carousel”）.owlCarousel（）到application.js

如果您使用的是Turbolinks，请确保在加载Turbolinks的情况下环绕JS代码。看起来是这样的：

# app/assets/javascripts/application.js

document.addEventListener("turbolinks:load", function() {
   $(".owl-carousel").owlCarousel();
});

然后，您可以为您的旋转木马设置：

document.addEventListener("turbolinks:load", function() {
   $(".owl-carousel").owlCarousel({
      // Your settings goes here
      loop:true,
      margin:10,
      nav:true
});

好的，我如何将jquery添加到我的rails应用程序中？还是很困惑。我不熟悉RubyonRails。你使用什么版本的猫头鹰转盘？你尝试过ruby的这个特定插件吗？是的，我正在使用carousel rails。我尝试将此脚本添加到我的页面$（document）.ready（function（）{$（“.owl carousel”）.owlCarousel（{autoPlay:3000，item:2}）；}）；你发布的代码看起来不错。我想你没装东西。首先在$（document.ready）中执行一个console.log（'test'）。如果没有显示“test”，则表示您没有正确加载Jquery。否则我认为您没有加载某些文件，请验证您是否按照1中的说明进行了加载。开始使用owlcarousel rails是的，jquery已正确加载。我甚至连猫头鹰旋转木马都不能用。
document.addEventListener("turbolinks:load", function() {
   $(".owl-carousel").owlCarousel({
      // Your settings goes here
      loop:true,
      margin:10,
      nav:true
});