Google App Maker: внешняя библиотека JavaScript

Question

Я создаю POC с помощью Google App Maker.Я планирую использовать библиотеку JS, которая зависит от Jquery.Я перечислил JQuery как «внешний ресурс» для начала и добавил элемент H1 в свой html со следующим кодом в составе клиентского скрипта:

$(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 App Maker, а затем добавил код там.Если это так, вот почему это не работает.

Что вам нужно сделать, это использовать клиентские сценарии в обработчиках событий виджета.Каждый виджет имеет обработчики событий, и виджет HTML не является исключением.Я рекомендую добавить код в обработчик событий onAttach виджета HTML :

}

Кроме того, вы можете избавиться от части document.ready и просто использовать код, который вы видите на картинке выше.Это должно сработать.

БОНУС: Если вы будете использовать классы и идентификаторы , для его работы вам нужно будет использоватьопция allowUnsafeHtml :

Надеюсь, это поможет сейчас.Если вам нужно что-то еще, я буду рад вам помочь.