【问题标题】:CSS for 'Slick' Carousel jQuery plugin not affecting my DOM, despite being loaded'Slick' Carousel jQuery 插件的 CSS 不会影响我的 DOM,尽管已加载
【发布时间】: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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-10-14
    • 2017-02-27
    • 2013-01-02
    • 1970-01-01
    • 2020-01-23
    • 2015-02-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多