Question

我有一个使用“ lightbox”画廊的wordpress网站。它无法正常工作。当我们点击图片时，它会显示在灯箱中。但是“ X /关闭”按钮不起作用。

我试图使它与此代码一起工作，但是不确定为什么它不起作用。

这是网站网址：http://www.mgrimmond.co.uk/gallery/

这是代码：

 jQuery(document).ready(function(){ 
    jQuery(".envirabox-close").click(function(){
         jQuery("#envirabox-container-1").css("display", "none");
    });
});

任何帮助将不胜感激。

期待您的回复。

亲切的问候。

Answer 1

在这里您可以解决问题。

由于您的HTML代码是动态生成的，因此单击将无法直接进行。您需要delegate单击事件，从文档到目标。

jQuery(document).ready(function(){ 
  jQuery("document").delegate(".envirabox-close", "click", function(){
     jQuery("#envirabox-container-1").css("display", "none");
  });
});

您也可以使用on方法

jQuery(document).ready(function(){ 
  jQuery("document").on("click", ".envirabox-close", function(){
     jQuery("#envirabox-container-1").css("display", "none");
  });
});

希望这会对您有所帮助。

jQuery在Wordpress网站上不起作用

1 个答案: