Handlebars.js yardımcılarını jQuery ile etkin öğeler oluşturma?

Question

Bir Handlebars.js yardımcısının jQuery kullanarak eleman yaratması ve onlara olay işleyicisini eklemesi mümkün müdür? Yardımcıları kullanarak aktif öğeler oluşturabiliyordum.

Örnek: gidon şablonunda

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

böyle düğmeye örneğini:

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

Ben bu işe anlıyorum, jQuery'nin html beri() işlevi `kaldırır Olay işleyici ... ancak numaralı düğmeyi döndürdüğünüzde açıkça işe yaramıyor. Gidon yardımcıları DOM düğümlerini iade edebilmelidir, ancak bu mümkün değil, değil mi? button.get()'u geri döndürmeye çalışmadım.

Herhangi bir fikrin var mı?

Answer 1

Yapabilecekleriniz, registerHelper dışında bir işlev oluşturmaktır. Yani bunun için kod şuna benzer:

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

Şimdi bu MutationObservermore supported ve webcomponents-lite bunun için kabul edilebilir bir polyfill olduğunu, sen Gidon şablonlardan oluşturulan elemanların bir tutmak için kullanabilirsiniz. Aynı şey hakkında daha yeni bir soruyu görmek için my answer'a bakın.