【发布时间】:2014-05-10 02:06:42
【问题描述】:
我正在使用这个 jQuery 插件 https://github.com/kenwheeler/slick,并且 JS 正在运行,但是 DOM 没有反映 CSS。但是,CSS 已加载,因为当我进入开发工具并查看源时,文件就在那里。当我检查元素时,类就在那里,并且类也在 CSS 中,它们只是不影响 HTML 的外观。知道是什么原因造成的吗?
CSS (slick.css) 保存在 vendor/stylesheets 中,并且在 application.css 中需要使用 *= require slick。
插件中还包含字体,我不确定我是否正确包含了这些字体,但我不确定它是否会有所作为。
知道为什么会这样吗?
我的看起来像这样:
而不是这个:
尺寸/颜色/间距没有从 CSS 转换为 DOM,我不知道为什么。提前感谢您的任何见解!
【问题讨论】:
-
没有看到任何代码,我们很难帮助您弄清楚发生了什么。
-
@PatrickAllen,发布什么代码最有益?
-
@jackerman09 嘿,我做了这个插件。你到底是怎么设置的?我可以在不调用 .slick() 方法的情况下看到此屏幕截图吗?还有另一个名为 style.css 的文件实际上在轮播项目上制作填充、边距和颜色。你能看到箭头/点吗?
-
@KenWheeler,感谢您的回复。目前我无法访问我的开发计算机,但在调用 slick 之前,6 个 div(第一个到第六个)沿着屏幕左侧堆叠在一起。我尝试将它与 style.css 和不一起使用,并且 CSS 似乎从未对 DOM 产生任何影响。我没有看到箭头或点,尽管当我评论与箭头相关的 CSS 时,我能够看到 Next/Previous 链接正常工作。当你在这里时,我可以将它与嵌套 div 一起使用,而不会让它们都“光滑”吗?再次感谢
-
是的,你只是将'slide'选项设置为'> div"
标签: jquery css ruby-on-rails jquery-plugins carousel