Фонд Орбита - не работает

Я использую Foundation 6 и хочу использовать Orbit для отображения нескольких изображений для арендатора лодок. Но это не работает должным образом. Я могу использовать предыдущую кнопку, но не следующую. И после однократного использования ничего не работает.

Вот пример: 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

активы/javascripts/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 .
*/

person Mathieu Bernard    schedule 22.03.2016    source источник
comment
Оказывается, пользовательский интерфейс Foundation 6 Motion — это отдельный CSS, который вам нужен для Obit и Reveal, попробуйте включить его, вот документация Foundation 6 по его установке: foundation.zurb.com/sites/docs/motion-ui.html#installing   -  person Chris O    schedule 01.04.2016


Ответы (1)


Добавьте CSS Motion UI на свою страницу:

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

person Chris O    schedule 19.04.2016