jquery - 尽管加载了 'Slick' Carousel jQuery 插件的 CSS 不影响我的 DOM

标签 jquery css ruby-on-rails jquery-plugins carousel

我正在使用这个 jQuery 插件 https://github.com/kenwheeler/slick,JS 可以正常工作,但 DOM 没有反射(reflect) CSS。但是,CSS 已加载,因为当我进入开发工具并查看源代码时,该文件就在那里。当我检查元素时,类在那里,类也在 CSS 中,它们只是不影响 HTML 的外观。知道是什么原因造成的吗?

CSS (slick.css) 保存在 vendor/stylesheets 中,在 application.css 中需要使用 *= require光滑

插件中还包含字体,我不确定我是否正确包含了这些字体,但我不确定它是否会产生影响。

知道为什么会这样吗?

我的看起来像这样:

enter image description here

取而代之的是:

enter image description here

大小/颜色/间距没有从 CSS 转换到 DOM,我不确定为什么。提前感谢您的任何见解!

最佳答案

我怀疑这个问题现在已经解决了,但如果其他人有这个问题。我的猜测是他们将 style.css 包含在 css 目录中,我怀疑该目录用于文档。您要包含的 CSS 文件位于 slick 目录中,名为 slick.css

关于jquery - 尽管加载了 'Slick' Carousel jQuery 插件的 CSS 不影响我的 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22749646/

相关文章:

ruby-on-rails - 用于生产的 Ruby 版本

ruby-on-rails - 将 JSON 转换回 ActiveRecord

php - JQuery 效果不适用于 ajax 内容

php - jquery ajax 提交时验证表单,然后继续表单提交

javascript - 如何获取覆盖div下元素的鼠标悬停事件

css - 字体平滑 CSS - 但适用于 Windows?

ruby-on-rails - 如何返回一个 Mongoid::Criteria for A has many B has many C 关系?

php - 谁能推荐一个可以写入 SQL 数据库的 jQuery Shotbox 插件?

javascript - 无法使可拖动的工作

html - 照片幻灯片