events - 事件点击 Handlebars

Question

使用 Handlebars 和 OpenDatabase 我有一个小问题。当你点击一个链接没有任何反应时

我的 JS。

  db.transaction(function (tx) {
  tx.executeSql('SELECT * FROM exhibition', [], function (tx, results) {
  var source = document.querySelector("#exhibition-template").innerHTML;
  var data = [];
  template = Handlebars.compile(source);

  for(var i=0;i < results.rows.length; i++) {
      data.push(results.rows.item(i));
  }
  var context = (data);
  if (language == 'pl')
  {
    var html = template({o:context,language_pl:true});
  }else{
    var html = template({o:context,language_en:true});
  }
  document.querySelector("#template").innerHTML = html;  

 }, null);

$(".exl").on("click", function(){
  alert('event click!');
});

});

和我的html

  {{#each o}}
  <a href='' class='exl'>{{name_pl}}</a>
  {{/each}}

Answer 1

您可能在将生成的 DOM 附加到页面之前绑定(bind)事件。因此，您可以等待呈现 Handlebars 模板(在您的情况下，这意味着来自 tx.executeSql 的回调中的绑定(bind)事件)。或者你可以使用 event delegation with jQuery :

$(document).on("click", ".exl", function(){
  alert('event click!');
});