Question

我正在使用Rails 4.0.1和Ruby 2.0制作应用程序，我在安装here的“漫游滑块”图像轮播时遇到了麻烦。

这是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。（如果需要，我也可以显示此行）仅在取消注释脚本时才会显示此警告。一旦我发表评论，警告就会消失。

非常感谢任何帮助。提前谢谢！

Answer 1

你提到的问题（1,2,3链接）发生是因为没有包含主题效果，你可以通过在“漫游 - 滑块”的.css文件中添加带有“theme-default”类的div来包含它。为此，您还需要在样式表＆amp;中添加主题文件夹。图片您应用的文件夹

<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>

漫游滑块轨道仅显示空白屏幕

1 个答案: