【问题标题】:Modal not working with owl carousel模态不适用于猫头鹰轮播
【发布时间】:2016-05-10 13:40:50
【问题描述】:

我正在尝试在 owl-carousel 中使用 materialize.css 模态,但它不起作用。 我只能看到精益叠加,但看不到内容。 有人知道吗?

【问题讨论】:

  • 您有多个滑块项目/幻灯片吗?滑块不适用于仅一项。
  • 滑块工作正常,但滑块内的模态不工作

标签: jquery css owl-carousel materialize


【解决方案1】:

您是否尝试将 Materialize modals 的代码放在您的 owl-carousel 代码之前?

【讨论】:

    【解决方案2】:

    我遇到了同样的问题。只能看到深色叠加层出现,但没有模态内容。在检查结果页面时,我发现我的模式代码没有添加到 Owl Carousel 生成的 HTML 中。尝试@adriennetacke 的答案对我有用。

    不要将模态框放在 Owl Carousel 代码之间,因为它们会在生成的 HTML 中被丢弃。相反,将您的模式与 Owl Carousel 代码分开放置,它们应该可以正常工作。

    【讨论】:

      【解决方案3】:

      在owl carousel 内使用modal button,在owl carousel 外使用modal other code。在下面创建一行并过去您的其他代码,然后它应该可以正常工作。

      【讨论】: