Question

我正在使用Google App Maker创建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");
   });
});

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

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

}

此外，您可以摆脱document.ready部分，而只需使用在上图中看到的代码。那应该可以解决问题。

奖金：：如果要使用类和 ids ，要使其正常工作，您需要使用 allowUnsafeHtml < / strong>选项：

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