【发布时间】:2016-04-28 10:55:35
【问题描述】:
我正在运行 RefineryCMS 3.0.0,并在主页上添加了用于幻灯片放映的 nivo gem。
我已经像这样在我的 application.js 页面中添加了 require 行;
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require nivo
//= require_tree .
这是我的主页
<body>
<div class="logo_white">
<%= image_tag("logo-white.png", class:"logo-white") %>
</div>
<% main_slideshow = Refinery::ImageSlideshows::ImageSlideshow.includes(:image_slides).find_by_title('frontpage') %>
<div id="wrapper">
<% if main_slideshow %>
<div class="slider-wrapper">
<div id="slider">
<% main_slideshow.image_slides.each do |image_slide| %>
<%= link_to image_slide.link_url do %>
<%= image_tag image_slide.image.url, :alt => image_slide.title, :title => image_slide.caption %>
<% end %>
<% end %>
</div>
</div>
<% else %>
Please create the 'frontpage' slideshow in the admin section
<% end %>
</div>
<script src="/assets/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var ready;
ready = function(){
$('#slider').nivoSlider({
<%= raw main_slideshow.js_config if main_slideshow %>
});
};
$(document).ready(ready);
$(document).on('page:load', ready);
</script>
</body>
这目前有效,但我必须在该行中再次包含 jquery 库;
<script src="/assets/jquery.js" type="text/javascript"></script>
如果我删除此行,幻灯片将不起作用。有更好的方法吗?
【问题讨论】:
标签: javascript jquery nivo-slider refinerycms