Google 应用制作工具：外部 javascript 库

Question

我正在使用 google app maker 创建 POC。我计划使用依赖于 Jquery 的 JS 库。我已将 JQuery 列为 "external resource" 作为开始，并在我的 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");
   });
});

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

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

}

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

奖励： 如果您将使用类和 ids，为了让它工作，你需要使用 allowUnsafeHtml 选项：

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

Google App Maker: external javascript library