jQuery onClick olayını handbar'larda kullanma

Question

Basitçe bir jQuery onClick olayı oluşturmak için bir tutamaç stilinde UI dinamik yapmak istiyorum. Belirli bir tıklamadan sonra addClass() 'ı merak ediyordum. Bir düğmeye içinde bir tıklama sonra kabını CSS kullanarak iletişimde bulunacaktır bir yükleme sınıfını alırsınız:

(gidon tarafından oluşturulan) HTML

{{#if hasButton}} 
     <div id="container">  
      <button type="submit" class="myButton">Click me!</button> 
     </div> 
    {{/if}} 

yani düşünün.

$(".myButton").on("click", function(event){ 
     $(this).parent().addClass("loading"); 
}); 

Bu kod, gidonlar şablonumdan devam etmeli veya bunu belirli bir yardımcıda yeniden yazmalı mıyım? Sağlanabilecek herhangi bir örnek var mı? Böylece, benzer bir şey geliştirdim.

Şimdiden teşekkürler!

Answer 1

Jquery dinleyicilerinizi, düğümlerin DOM HTML'nize eklenmesinden sonra yenilemeniz gerekir. Bu yardımcı olur

$(document).on('click','li',function(){ 
    alert('success'); 
}); 

Umut:

var source = "<li><a href="{{uri}}">{{label}}</a></li>"; 
var template = Handlebars.compile(source); 
var context = {"uri":"http://example.com", "label":"my label"}; 
$("ul").append(template(context)); 

// add your JQuery event listeners 
$("li").click(function(){ alert("success"); }); 

Answer 2

Sorununuzun tam olarak ne olduğundan emin değilim. Bu özel durumda, JavaScript'inizi bir * .js dosyasında, perhaps dosyasında (bu örnekte prev() yerine parent() öğesini kullanarak tutarsanız, bu şekilde doğrudur.

Answer 3

Eğer belge düzeyinde tanımlayarak eğer her dinamik DOM güncelleme üzerine olay işleyicisi yeniden bağlanması için gerek yoktur! :-)