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

Question

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

https://lumitestx.lumitrix.eu/outdoor/ - 第二个“幻灯片”，它是带有点的投影仪 - 它应该激发模态。

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

这是损坏部分的图片

Answer 1

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

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

在开发人员控制台中运行 document.getElementById('point-modal') 很容易判断它是否丢失。 它在 https://lumitestx.lumitrix.eu/outdoor/ 上返回 null .所以基本上你需要确保对应于每个“点”的模态容器具有正确的 ID。

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

需要

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

如果你想让我详细说明任何事情，请告诉我。