Modal 不適用於貓頭鷹輪播

Question

我正在嘗試在 owl-carousel 中使用 materialize.css 模態，但它不起作用。 我只能看到精益疊加，但看不到內容。 有人對此有想法嗎？

Answer 1

您是否嘗試在owl-carousel 代碼之前放置 Materialize 模態的代碼？

Answer 2

我有同樣的問題。 只能看到黑色疊加層出現，但沒有模態內容。 在檢查結果頁面時，我發現我的模式代碼沒有添加到 Owl Carousel 生成的 HTML 中。 嘗試@adriennetacke 的答案對我有用。

不要將您的模態放在 Owl Carousel 代碼之間，因為它們會在生成的結果 HTML 中被丟棄。 相反，將您的模態與 Owl Carousel 代碼分開放置，它們應該可以正常工作。

Answer 3

在 owl carousel 內使用模態按鈕，在 owl carousel 外使用模態其他代碼。 在下面創建一行並通過您的其他代碼，然后它應該可以正常工作。