Question

<script language="javascript">
var xx2 = document.getElementById("fotogalerie2");
var button2 = document.getElementById("b2");


button2.addEventListener("click", function () {xx2.removeClass('invisible1').addClass('visible1');} , false);


</script>
<script language="javascript">
var xx22 = document.getElementById("fotogalerie2");
var button222 = document.getElementById("close2");


button222.addEventListener("click", function () {xx22.removeClass('visible1').addClass('invisible1');} , false);


</script>

您好我正在使用此代码更改一个div的类来隐藏/显示他。它工作正常。但是，当我尝试使用小画廊（shiba画廊wordpress与小画廊外观）它停止工作，我得到跟随错误微小画廊TypeError：xx2.removeClass不是一个函数这是我的页面http://www.krausbuilding.cz/ bug在节vybrané参考（菜单中的参考）中。有一个可见的div只是为了测试）有人知道如何解决这个问题吗？

Answer 1

我还没有打开您的实时网站，但从代码xx22开始不是jQuery对象，因此removeClass会引发错误，因为选择器未定义。

您可以使用以下命令从DOM元素创建jQuery对象：

$(xx22).removeClass('visible1').addClass('invisible1');

由于您使用jQuery来获得更好的代码，因此请考虑将代码切换为完整的jQuery用法（首先是事件绑定）

TypeError：xx2.removeClass不是Tiny图库的功能

1 个答案: