使用Handlebars.js助手使用jQuery创建活动元素？

Question

Handlebars.js助手可以使用jQuery创建元素并将事件处理程序附加到它们上吗？我希望能够使用助手创建活动元素。

例子：

Handlebars.registerHelper("button", function(title) { 
    var button = $('<button>').text(title); 
    button.click(function() { 
     alert("Button " + title + " clicked."); 
    }); 
    return $('<div>').append(button).html(); 
}); 

在车把模板我实例按钮是这样的：

{{{button "Click Me!"}}} 

我明白，这可不行，因为jQuery的HTML（）函数'删除的事件处理程序...但只是返回按钮显然不工作。 Handlebars助手应该能够返回DOM节点，但这是不可能的，对吧？我试图返回button.get（），但没有成功。

任何想法？

Answer 1

你可以做的是在registerHelper之外创建一个名为onClick的函数。因此，对于该代码是这样的：

Handlebars.registerHelper("button", function (text) { 
    var button = $('<button></button>').text(text).attr('onclick', 'button_clickEvent()'); 
    return $('<div></div>').append(button).html(); 
}); 

var button_clickEvent = function() { 
    alert("Button " + $(this).text() + " clicked."); 
}; 

Answer 2

现在MutationObserver是more supported和webcomponents-lite是它可以接受的填充工具，你可以用它来得到手把模板创建的元素的保持。请参阅my answer以了解关于同一事物的更近期问题。