軌道基礎 - うまくいきません

Question

私は基礎6を使用しており、軌道を使ってボートレンタル用の複数の画像を表示したいと考えています。しかし、正常に動作しません。 前のボタンは使用できますが、次のボタンは使用できません。一度使った後は、何も動かない。

ここでは一例です： http://www.boatvisor.com/renters/1

ビュー/レイアウト/ application.html.haml

!!! 
%html.no-js{:lang => "fr"} 
    %head 
    %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/ 
    = render 'layouts/head' 
    - if Rails.env.production? 
     = render 'shared/analytics' 
    %body 
    %header.container 
     = render 'layouts/header' 

    - if notice 
     %p.alert.alert-success= notice 
    - if alert 
     %p.alert.alert-danger= alert 
    %div 
     = yield 
    %div 
     = render 'layouts/footer' 
    %script{:src => "https://code.jquery.com/jquery-2.2.0.min.js"} 
    %script{:src => "https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"} 
    %script{:src => "https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.js"} 
    %script{:src => "https://cdn.jsdelivr.net/foundation/6.2.0/js/foundation.core.js"} 
    %script{:src => "https://cdn.jsdelivr.net/foundation/6.2.0/js/foundation.orbit.js"} 
    %script{:src => "https://cdn.jsdelivr.net/foundation/6.2.0/js/foundation.reveal.js"} 
    %script{:src => "//maps.google.com/maps/api/js", :type => "text/javascript"} 
    %script{:src => "//google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.14/src/markerclusterer_packed.js", :type => "text/javascript"} 

    = javascript_include_tag "application" 

    = yield(:js) 

ビュー/賃貸/ .html.haml

.row 
    .large-8.columns.renter-picture 
    %ul.orbit-container{"data-orbit" => ""} 
     - @renter.photos.each do |pic| 
     %button.orbit-previous 
      %span.show-for-sr Previous Slide 
      ◀︎ 
     %button.orbit-next 
      %span.show-for-sr Next Slide 
      ▶︎ 
     %li.orbit-slide 
      = image_tag pic.image 

資産/ JavaScriptの/application.js

//= require jquery 
//= require jquery_ujs 
//= require underscore 
//= require gmaps/google 
//= require foundation 
//= require gritter 
//= require_tree . 
$(document).foundation(); 

資産/スタイルシート/ application.scss

*= require_self 
*= require gritter 
*= require jquery-ui 
*= require commontator/application 
*= require_tree . 
*/ 

Answer 1

ページにモーションUIのCSSを追加します。

http://foundation.zurb.com/sites/docs/motion-ui.html#installing