jquery - Wordpress Gutenberg Block中的Jquery未在编辑屏幕上触发

Question

我在 Gutenberg 自定义块中有一个谷歌地图渲染 - 在前端页面上工作正常，在编辑时根本不会触发。

这是 php 块渲染函数中的 javascript 有问题的部分

var xml_url="http://localhost/thegatewaychurch/?ca_download=address-xml&member_type_id=1,3&small_group=NULL&address-xml=7627e5c158"; 
var lat=52.75279627903644; 
var lng=0.418583437048369; 
var zoom=12;
jQuery(document).ready(function(){load(lat,lng,xml_url,zoom);}); 

我猜“文件”需要是别的东西。带有 load() 的 Javascript 文件位于标题中。

标签： jquerywordpress-gutenberggutenberg-blocks

Answer 1

您的代码在前端工作正常，因为它与古腾堡块无关，您只是在文档加载时运行 jquery。如果您删除自定义块并将代码直接排入队列，它仍然可以工作。

可能您没有正确地将 jquery 元素安装到自定义块中的块上。检查您的加载功能。

您正在等待加载文档，因此您的加载功能是否在标题部分或结束正文标记之前并不重要。