Wordpress / Modal / JS bug-模式突然停止工作

时间:2019-03-18 14:13:33

标签: javascript html css wordpress modal-dialog

我拥有纯JS和HTML网站,并将其转移到WordPress。直到几天前,一切正常。突然,我在现场的两个功能停止工作,都在添加“活动”类。首先应该激发模态函数,其次是Tab函数。它完全可以正常工作,但突然之间就不行了,我想可能是因为wordpress更新了吗?这是无法使用的页面:

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

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

这是损坏的部分的图像

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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

运行document.getElementById('point-modal') in the developer console.很容易判断它是否丢失,它在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"....>

如果您要我详细说明,请告诉我。