Google App Maker：外部 JavaScript 库

Question

我正在使用谷歌应用程序制造商创建 POC。我计划使用一个依赖于 Jquery 的 JS 库。我已将 JQuery 列为“外部资源”开始，并在我的 html 上添加了一个 H1 元素，并使用以下代码作为客户端脚本的一部分：

$(document).ready(function(){
   $("h1").click(function(){
      console.log("jquery works");
   });
});

当我预览我的应用并单击元素时，没有记录任何内容。当我检查元素时，我可以看到 Jquery 库和上面的代码，但是当我单击元素时没有触发事件。有什么建议么？最终目标是能够在我正在创建的应用程序中使用https://querybuilder.js.org/。

Answer 1

我最好的猜测是，当你说你添加了代码时：

$(document).ready(function(){
   $("h1").click(function(){
      console.log("jquery works");
   });
});

对于客户端脚本，您所做的是在应用制作工具的 SCRIPTS 部分下创建一个客户端脚本，然后在其中添加代码。如果是这样，那就是它不起作用的原因。

您需要做的是在小部件事件处理程序中使用客户端脚本。每个小部件都有事件处理程序，HTML 小部件也不例外。我建议将代码添加到 HTML 小部件的 onAttach 事件处理程序中：

}

另外，您可以去掉document.ready 部分，只使用您在上图中看到的代码。这应该可以解决问题。

奖励：如果您将使用 classes 和 ids，您需要使用 allowUnsafeHtml 选项：

我希望这对现在有所帮助。如果您需要其他东西，我很乐意为您提供帮助。