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

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();
     });