页脚中的jQuery 3.5.1出现问题

时间：2020-12-24 作者：Nappa5150

我的Wordpress安装版本是5.6版和Jquery 3.5.1版。

Wordpress Gallery块支持指向媒体图像大文件的链接，但该链接会在相同的窗口中打开图像。我通常使用Fancybox类来<；a>；标记以在弹出窗口中打开大图像（a href=“big image.jpg”class=“fancybox”…）。

block gallery不支持类链接，因此我编写了一个JQuery脚本并将其放在页脚中，以将类添加到库的href图像中。脚本启动ad文档。准备好的

以下是脚本：

jQuery(document).ready(function ($) {
 $("li.blocks-gallery-item figure a").addClass("fancybox");
 $("li.blocks-gallery-item figure a").attr(\'rel\', \'gallery-wpblock\');
});
在更新到WP 5.6之前，一切正常。

如果加载WP Jquery 3.5.1，脚本会将该类应用于<；a>；标记但不起作用，所以我单击图像，它会在相同的窗口中打开。

但如果我加载JQuery 2.2.4，脚本会将该类应用于<；a>；标记，效果很好，所以我单击图像，它会在弹出窗口中打开。

有什么建议吗？

提前谢谢你

1 个回复
SO网友:Nappa5150

太好了。。。非常感谢你。它打开了我的心扉。我曾尝试在bind jQuery版本中翻译此eventListener，但我做不到。因此，我修改了FancyBox jQuery以直接读取wp block<；a href>；

$("li.blocks-gallery-item figure a").fancybox({
  /* wp block version */
});

$(\'.fancybox\').fancybox({
  /* fancybox default standard */
});

标签： jquery   小码农  

相关推荐

有人知道如何将一个完整的jQuery插件插入到WordPress元素页面中吗？

我尝试在一个wp页面中实现一个jquery插件，该页面显示在elementor页面上。这里是the link 到插件。What I have tried so far:1. 我通过插件加载了jquery文件（通过functions.php它不起作用）-&燃气轮机；头部载荷：https://1drv.ms/u/s!AikSNhBAk4tevjHlEeV67BifIivC我不确定路径是否正确，是否有必要在wordpress上使用它2. 我插入了html和css（这是最简单的部分）3. 我插入（+将“$”替换为