gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 19:30:08 24 4
gpt4 key购买 nike

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

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

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

这是损坏部分的图片

enter image description here

最佳答案

我发现它在第二个链接 ( 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"....>

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

关于javascript - Wordpress/Modal/JS 错误 - 模态突然停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55223376/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com