用於帶導軌幻燈片的Zurb Orbit插件3.1

Question

我想在我的導軌應用程序中使用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"%> 

我有包括應用程序/資產摺疊中的js文件和css文件er分別是

但它似乎幻燈片不工作。這是一個非常簡單的東西，我不知道爲什麼我無法在頁面上獲得幻燈片。

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