用于使用 Rails 3.1 进行幻灯片放映的 Zurb Orbit 插件

Question

我正在尝试使用 Zurb Orbit 插件在我的 Rails 应用程序中进行幻灯片放映。

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

这是我的代码：

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

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

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

正在加载 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();
     });