时间戳

首页 > 解决方案 > jQuery 在 wordpress 网站中不起作用

jquery - jQuery 在 wordpress 网站中不起作用

问题描述

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

我试图让它与这段代码一起工作，但不知道为什么它不工作。

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

这是代码：

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

任何帮助，将不胜感激。

期待您的回复。

亲切的问候。

标签： jquery

解决方案

在这里，您可以使用解决方案。

由于您的 HTML 代码是动态生成的，因此 click 不会直接起作用。您需要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");
  });
});

希望这会帮助你。

推荐阅读