我正在尝试修复Rails 4应用程序中的错误。我的应用程序上的flexslider不起作用,根本没有图像加载。在控制台中,它显示-TypeError (..).flexslider
不是功能当主题未集成到Rails中时,它可以很好地工作。它是基于Bootstrapped的主题,具有以下配置-application.css.scss文件如下所示
*= require_self
*= require font-config
*= require framework_and_overrides
*= require animate
*= require flexslider
*= require site-wide
对于application.js文件,具有以下内容-
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require flexslider
//= require cbpAnimatedHeader
//= require jqueryeasing
//= require jquerymousewheel
//= require classie
//= require scrollpage
//= require site
试图多次更改其顺序,但没有效果。滑块以以下方式初始化-
$(document).ready(function() {
$('#myCarousel').flexslider({
animation: "fade",
directionNav: false,
controlNav: false //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
});
$('#slider').flexslider({
animation: "fade",
directionNav: true
});
});
我是Rails初学者,请投入一些见识,在过去的几个小时中一直在尝试解决它。
谢谢你的时间 。
更新:我正在使用composer使用Daniel Kehoe编写的RailsApps入门应用程序。
更新:我没有使用任何gem安装flexslider,因为我在rubygems网站上找到的gem使用的是旧版本,即。flexslider 2.2,我正在使用2.4。
因此,我正在尝试手动执行此操作。
Okie,这是我第一次集成基于Bootstrap的主题,而该主题是在Rails环境之外开发的,而不是集成到其中。这是我解决问题的方法在application.js文件(清单文件)中,我添加了
//= require_self
在顶部,如下所示:
//= require_self
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require flexslider
//= require cbpAnimatedHeader
//= require jqueryeasing
//= require jquerymousewheel
//= require classie
//= require scrollpage
//= require site
任何地方把它放在之间//= require jquery
和//= require turbolinks
我的滑块做,甚至引导情态动词不能正常工作。因此,在我尝试了很多尝试之后,它必须处于最重要的位置。
我怎么发现的,几乎昨天我每次检查源代码时,我都忽略了application- [content hash] .js,它放在清单文件中提到的所有js文件下面。
今天,我认为这可能是造成此问题的原因,并且由于文件名是application- [content hash] .js,所以我曾经//= require_self
将其硬编码放置在文件本身中。我没有意识到//= require_self
js的内容,因为我看到它仅在css清单文件中被提及,可能是因为我使用Rails 4.2的旅程才5-6个月大。因此,高级Rails开发人员可能有更好的方法来做到这一点。
如果有人可以改善答案或提供更多启示,我将不胜感激。
感谢**更新-Okie这是我发现的另一件事,我使用的是Daniel Kehoe的启动程序,使用的是Composer工具,它在公共文件夹中包含预编译的资产,在使用require_self指令时将其包括在内。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句