Как добавить простой щелчок по шаблону усов JavaScript?

Question

У меня есть простой шаблон усов:

var template = "<button style='background: red;'>{{label}}</button>";

И данные:

var data = {

    label: "Click me!"

}

С которыми прекрасно работает при выполнении классического преобразования:

var html = Mustache.to_html( template, data );

Но мой вопрос.Как добавить на кнопку простую функцию onclick, которую я определяю в indata?

Answer 1

Я думаю, что вопрос в том, что вашей странице не нужно связывать события, пока она не узнает, какой шаблон она может использовать, а может и не использовать. Загрузите ваш шаблон из внешнего html-файла и добавьте скрипт с вашими событиями под определение вашего шаблона

Answer 2

var template = "<button style='background: red;'>{{onclick}}</button>";

var data = {

    onclick: function(){
             // content of your function 
             }

}

Ответ JanL по сути прав

Answer 3

Использование встроенного в jQuery обработчика событий .on ('click'):

$("button").on('click', function() {
  alert("I was clicked!");
});

Answer 4

Добавьте атрибут «onclick» с кодом для выполнения в качестве аргумента.

<button onclick='alert("I was called!")' style='background: red;'/>