用于带有 rails 3.1 的幻灯片的 Zurb Orbit 插件

Question

我正在尝试在我的 rails 应用程序中使用 Zurb Orbit 插件来制作幻灯片。

我有一个家庭控制器，其中有索引功能。

这是我的代码：-

index.html.erb

<div id="myslider">
  <%=image_tag("slider/pat.jpg")%>
  <%=image_tag("slider/1.jpeg")%>
  <%=image_tag("slider/2.jpeg")%>
</div>

home.js

$(window).load(function() {
        $('#myslider').orbit();
    });

application.html.erb

<%=stylesheet_link_tag "jquery.orbit.css"%>
<%= javascript_include_tag "jquery.orbit"%>

我已经分别在 app/assets 文件夹中包含了 js 文件和 css 文件

但幻灯片似乎无法正常工作。这是一个非常简单的东西，我不知道为什么我无法在页面上显示幻灯片。

javascript 文件正在加载。可能是什么问题？

Answer 1

html 文件将如下所示：-

<div id="featured">
  <%=image_tag("slider/pat.jpg")%>
  <%=image_tag("slider/1.jpeg")%>
  <%=image_tag("slider/2.jpeg")%>
</div>

JS 文件如下所示：-

$(window).load(function() {
         $('#featured').orbit();
     });