手动将flexslider添加到Rails 4应用中-类型错误flexslider不起作用

沙伊尔

我正在尝试修复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_selfjs内容,因为我看到它仅在css清单文件中被提及,可能是因为我使用Rails 4.2的旅程才5-6个月大。因此,高级Rails开发人员可能有更好的方法来做到这一点。

如果有人可以改善答案或提供更多启示,我将不胜感激。

感谢**更新-Okie这是我发现的另一件事,我使用的是Daniel Kehoe的启动程序,使用的是Composer工具,它在公共文件夹中包含预编译的资产,在使用require_self指令时将其包括在内。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

手动将图例添加到ggplot2不起作用

Slack斜杠命令在公共频道中不起作用,除非手动添加到公共频道中

Rails 5-在更新时手动将属性添加到控制器中的参数

元滑块不起作用错误:$(...)。flexslider不是函数

Azure:手动将应用程序服务证书添加到密钥库

尝试将 pvalues 手动添加到 ggplot R 中的箱线图后出错

将SelectListItem手动添加到SelectList中以在DropDownListFor中使用

如何在Firestore数据库中手动将文档添加到集合?

在Laravel 4.2中手动将行添加到雄辩的结果

手动将片段添加到导航架构组件的后台堆栈中

在Eclipse中手动将源添加到Maven项目中的依赖项

将手动安装的应用程序添加到 Ubuntu 18.04 中的“显示应用程序”网格

我需要手动将索引添加到我的外键字段中还是Rails会自动执行?

Magento将Flexslider添加到主页

在Eclipse中手动导入项目不起作用?

Matplotlib:手动将更多颜色添加到axis.prop_cycle()中的默认颜色?

如何在Spring Boot中手动将数据添加到Redis并获取缓存的数据?

使用SQL Server通过存储过程调用将记录手动添加到SQL选择查询的结果中

有没有办法手动将“包”(例如 Python)添加到组中?

将手动p值添加到ggplot2中的分组条形图

是否需要手动删除手动添加到React组件中的元素的事件侦听器?

添加到在集合中的对象上手动添加属性的数组

如何手动将用户添加到Web应用程序?

将我的Messenger应用(“机器人”)添加到页面中,无需任何手动干预

Flexslider在默认的Drupal云上不起作用

Rails 将 DB 列名添加到错误消息中

在Rails 4中应用条件验证时,客户端验证不起作用

添加额外的年份时,将php日期添加到JS函数中不起作用

将动画CSS添加到flexslider标题