Я делаю приложение, с помощью 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. (Я тоже могу показать эту строку, если вам это нужно) Это предупреждение появляется только тогда, когда сценарий раскоментирован. Как только я прокомментирую это, предупреждение уходит.
Любая помощь приветствуется. Заранее спасибо!
Вы упомянули проблему (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>