我正在使用Flexslider 2 Rails Gem从https://github.com/constantm/Flexslider-2-Rails-Gem。在文档中告诉我,我打电话给JS和CSS,但只有CSS没有加载(是的,JS工程)。Flexslider的CSS未加载到我的Rails应用程序
ruby -v: ruby 2.2.1p85 (2015-02-26 revision 49769) [x86_64-darwin11.0]
rails -v: Rails 4.2.1
flexslider version: flexslider 2.2.0
我的应用程序/资产/样式表/ application.css
*= require pineapple
*= require font-awesome
*= require dropzone/basic
*= require application/style
*= require fancybox
*= require flexslider.css
PS:我试过需要flexslider(不包括扩展名)太。
我的应用程序/资产/ Java脚本/ application.js中
//= require jquery
//= require jquery_ujs
//= require jquery.slimscroll.min
//= require pineapple
//= require tinymce
//= require dropzone
//= require jquery-ui/sortable
//= require jquery-ui/effect-highlight
//= require jquery-ui/tooltip
//= require jquery.mjs.nestedSortable
//= require general
//= require maskedinput
//= require fancybox
//= require jquery.flexslider
我的HTML(我剥夺他人李标签这里,但是是一样的)
<div id="carousel0" class="flexslider carousel">
<ul class="slides">
<li>
<%=link_to '/page/dynamic' do %>
<%=image_tag image_path('show-case-1.jpg'), alt: 'Show Case', title: 'Show Case', class: 'img-responsive' %>
<%end%>
</li>
</ul>
</div>
我的定制.JS
$('#carousel0').flexslider({
animation: 'slide',
itemWidth: 300,
itemMargin: 100,
minItems: 2,
maxItems: 4,
pauseOnHover: true,
slideshowSpeed: 8000
});
没有控制台错误。
感谢您的帮助。
你确定你的自定义JS被加载?你有没有添加console.log()语句? 如果您在控制台上没有看到任何导致我认为代码完全未触发的错误。这个自定义JS代码放在哪里? 测试控制台中的代码。并检查选择器是否实际匹配任何元素。 –
是的pascal betz,JS的作品。问题是:CSS是在错误的文件中。在很多情况下,在application.css中调用css是正确的,但在我的情况下,我的应用程序中有多个站点,它具有特定的JS和CSS以进行预编译。我在这个特定的文件中调用了css和js,而不是应用程序(JS | CSS),它可以工作。谢谢你的帮助。 –