레일이있는 슬라이드 쇼용 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 파일/app/assets 폴드 포함 각각

하지만 슬라이드 쇼가 작동하지 않는 것 같습니다. 그것은 내가 왜 페이지에서 슬라이드 쇼를 얻을 수 없는지 알지 못하는 매우 단순한 것입니다.

자바 스크립트 파일이로드 중입니다. 무엇이 문제 일 수 있겠습니까?

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