obsługa zdarzenia jQuery onClick na kierownicy

Question

Chciałbym skonfigurować proste zdarzenie onClick jQuery, aby dynamiczne interfejsu użytkownika na szablonie kierownicy. Zastanawiam się do addClass() po określonym kliknięciem.

rozważyć HTML (generowanego przez kierownicę)

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

tj: Po kliknięciu w przycisk, jego opakowanie otrzyma klasę obciążenia, które będą tworzyć interakcję za pomocą CSS.

Ten kod powinien znajdować się na moim szablonie kierownicy lub czy powinienem go przepisać na konkretnego pomocnika? Czy istnieją jakieś przykłady, które można by podać, abym mógł je przestudiować, a następnie opracować coś podobnego?

Z góry dziękuję!

Answer 1

Musisz odświeżyć swoje słuchacze Jquery PO wstawieniu węzłów do DOM HTML.

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

Nie jestem pewien, jaki jest dokładnie twój problem. Jest to poprawne, jeśli zachowujesz JavaScript w pliku * .js, perhaps używając parent() zamiast tego na prev() w tym konkretnym przypadku.

Answer 3

nie ma potrzeby, aby ponownie obsługi zdarzeń na każdym dynamicznej aktualizacji DOM jeśli definiując je na poziomie dokumentu:

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

Nadzieja to pomaga! :-)