Wordpress / Modal / JS 错误 - 模态突然停止工作

Question

我有纯 JS 和 HTML 的网站，并将其转移到 WordPress。直到几天前一切正常。突然，我在现场的两个功能停止工作，都在添加 "active" class。首先应该激发模态功能，其次是 Tab 功能。它工作得很好，但突然不行了，我想可能是因为 wordpress 更新了？这是它不起作用的页面：

https://lumitestx.lumitrix.eu/outdoor/ - 第二个 "slide"，它是投影仪，上面有点 - 它应该激发模态。

我这里有完整的工作版本： https://lumitrix-web.incolor.cz/outdoor/ 这就是它应该如何工作的。它确实发生了，只是突然停止了。请有人知道为什么添加 "active" class 成为问题或什么是问题？ :) 非常感谢！

这是损坏部分的图片

Answer 1

我发现它在第二个 link (https://lumitrix-web.incolor.cz/outdoor/) 上也能正常工作。比较两者时，我注意到您在两者上都设置了 "dots" 和 data-toggle="#point-modal"，这意味着模态容器 (div) 需要具有唯一 ID "point-modal" .

在此站点 (https://lumitestx.lumitrix.eu/outdoor/) 上有模态容器 (div)，但它没有点模态 ID 属性，因此无法找到它。

判断它是否缺失的一个简单方法是运行 document.getElementById('point-modal') in the developer console. 它 returns 在 https://lumitestx.lumitrix.eu/outdoor/ 上为空。所以本质上你需要确保对应于每个 "dot" 的模态容器具有正确的 ID。

<div class="point skrollable skrollable-before" data-toggle="modal" data-target="#point-modal">

需要

<div class="modal fade" id="point-modal"....>

如果你想让我详细说明什么，请告诉我。

Wordpress / Modal / JS 错误 - 模态突然停止工作

Wordpress / Modal / JS bug - modals stopped working suddenly

html

javascript

css

wordpress

modal-dialog