Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Wordpress/Modal/JS bug-modals突然停止工作_Javascript_Html_Css_Wordpress_Modal Dialog - Fatal编程技术网

Javascript Wordpress/Modal/JS bug-modals突然停止工作

Javascript Wordpress/Modal/JS bug-modals突然停止工作,javascript,html,css,wordpress,modal-dialog,Javascript,Html,Css,Wordpress,Modal Dialog,我有一个纯JS和HTML的网站,并将其转移到WordPress。直到几天前,一切都很顺利。突然,我在站点上的两个函数停止工作,它们都在添加“活动”类。第一个应该激发模态函数,第二个是Tab函数。它工作得很好,但突然不行,我想可能是因为wordpress更新了?这是无法正常工作的页面: -第二张“幻灯片”,它是投影仪,上面有点-它应该会激发模态 我在这里有完整的工作版本: 这就是它应该如何工作。它确实做到了,只是突然停止了。请有人知道为什么添加“活动”类会成为问题,或者问题是什么非常感谢 这是哪一

我有一个纯JS和HTML的网站,并将其转移到WordPress。直到几天前,一切都很顺利。突然,我在站点上的两个函数停止工作,它们都在添加“活动”类。第一个应该激发模态函数,第二个是Tab函数。它工作得很好,但突然不行,我想可能是因为wordpress更新了?这是无法正常工作的页面:

-第二张“幻灯片”,它是投影仪,上面有点-它应该会激发模态

我在这里有完整的工作版本: 这就是它应该如何工作。它确实做到了,只是突然停止了。请有人知道为什么添加“活动”类会成为问题,或者问题是什么非常感谢

这是哪一部分断裂的图像


我看到它在第二个链接()上也能正常工作。在比较这两者时,我注意到您在这两者上都有带有
data toggle=“#point modal”
的“dots”设置,这意味着模式容器(div)需要有一个唯一的id“point modal”

在这个站点()上,模态容器(div)在那里,但是它没有point-model-ID属性,所以它找不到它

在开发人员控制台中运行
document.getElementById('point-modal')可以很容易地判断它是否丢失了。
on返回null。因此,基本上您需要确保与每个“点”对应的模态容器具有正确的ID

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

需要

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


如果您想让我详细说明什么,请告诉我。

我看到它在第二个链接()上也正常工作。在比较这两者时,我注意到您在这两者上都有带有
data toggle=“#point modal”
的“dots”设置,这意味着模式容器(div)需要有一个唯一的id“point modal”

在这个站点()上,模态容器(div)在那里,但是它没有point-model-ID属性,所以它找不到它

在开发人员控制台中运行
document.getElementById('point-modal')可以很容易地判断它是否丢失了。
on返回null。因此,基本上您需要确保与每个“点”对应的模态容器具有正确的ID

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

需要

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


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

您是否检查了浏览器控制台中的错误?是否检查了浏览器控制台中的错误?您好,谢谢您的回答。确实,这样会出现某种类型的模态。但在其工作的现场,它不是由id=“point modal”完成的。也许这会有所帮助,html+javascript就可以了。[链接]/link]。这是一个脚本,所以情态动词有分页,你可以点击它们。若你们看开发工具,它将添加活动点类,但并没有出现,若你们点击下一个点,它将再次添加类,但并没有删除之前从点类。问题是这两个站点上的代码完全相同。因为某种原因它起作用了,它停止了。谢谢!对不起,我不太清楚你到底在问什么。codepen缺少许多依赖项,CSS和JS,因此很难重现功能。我分叉了它()并添加了一些缺少的lib,如jQuery和jQueryUI,但它仍然缺少太多,无法获得准确的表示。我必须完整地查看代码。您问的是如何确保活动类被正确切换,或者如何确保分页在模式本身中工作?您好,谢谢您的回答。确实,这样会出现某种类型的模态。但在其工作的现场,它不是由id=“point modal”完成的。也许这会有所帮助,html+javascript就可以了。[链接]/link]。这是一个脚本,所以情态动词有分页,你可以点击它们。若你们看开发工具,它将添加活动点类,但并没有出现,若你们点击下一个点,它将再次添加类,但并没有删除之前从点类。问题是这两个站点上的代码完全相同。因为某种原因它起作用了,它停止了。谢谢!对不起,我不太清楚你到底在问什么。codepen缺少许多依赖项,CSS和JS,因此很难重现功能。我分叉了它()并添加了一些缺少的lib,如jQuery和jQueryUI,但它仍然缺少太多,无法获得准确的表示。我必须完整地查看代码。您问的是如何确保活动类被正确切换,或者如何确保分页在模式本身中工作?