Rambling-slider-rails показывает только пустой экран

0

Я делаю приложение, с помощью Rails 4.0.1 с Ruby, 2.0, и я бегу в проблему установки "Rambling слайдера" изображение карусель из здесь.

Здесь часть gemfile:

...
gem 'paperclip'
gem 'rambling-slider-rails', :git => 'https://github.com/gonzedge/rambling-slider-rails'
gem 'uglifier', '>= 1.3.0'
...

Я bundle install и, следуя инструкциям, поместил ссылку на jquery.rambling.slider в мои файлы манифеста.

app/assets/javascripts/application.js:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require jquery.rambling.slider
//= require_tree .

Мои файлы app/assets/stylesheets/application.css:

/*
*= require jquery.rambling.slider
*= require_self
*= require_tree .
*/

Я включил теги ссылок в app/views/layouts/application.html.erb следующим образом:

...
<%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
<%= stylesheet_link_tag 'jquery.rambling.slider' %>
<%= javascript_include_tag 'jquery.rambling.slider' %>
<%= csrf_meta_tags %>
...

Затем добавили некоторые фиктивные изображения и вызывающий javascript в фактическом виде соответственно:

<div id="slider">
  <%= image_tag "lorem1.jpeg" %>
  <%= image_tag "lorem2.jpeg" %>
  <%= image_tag "lorem3.jpeg" %>
</div>

<script>
  $(window).load(function(){
    $('#slider').ramblingSlider();
  });
</script>

Но все, что кажется простым 1'2'3 на странице.

Я знаю, что изображения правильно указаны, потому что, когда я комментирую скрипт в файле вида, 3 изображения появляются без проблем.

Инструменты разработчика в Chrome только показывают, что существует одно предупреждение: "event.returnValue устарел. Вместо этого используйте стандартное событие event.preventDefault()". на jquery.js? body = 1: 5375. (Я тоже могу показать эту строку, если вам это нужно) Это предупреждение появляется только тогда, когда сценарий раскоментирован. Как только я прокомментирую это, предупреждение уходит.

Любая помощь приветствуется. Заранее спасибо!

  • 0
    Вам не нужно использовать javascript_include_tag или stylesheet_include_tag. Удалить их. Event.returnValue не имеет ничего общего с вашим ползунком. Не обращайте внимания на это предупреждение.
Теги:
ruby-on-rails-4
asset-pipeline

1 ответ

3

Вы упомянули проблему (1,2,3 ссылки), потому что эффект темы не был включен, вы можете включить это, добавив div с классом "тема-по умолчанию", присутствующим в файле.css с помощью бегущего слайдера. Для этого вам также необходимо добавить папку тем в папку стилей и изображений вашего приложения

<div id="wrapper">
 <div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div id="slider" class="ramblingSlider">
   <%= image_tag "lorem1.jpeg" %>
   <%= image_tag "lorem2.jpeg" %>
   <%= image_tag "lorem3.jpeg" %>
  </div>
 </div>
</div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню