gestione evento jQuery onClick su manubri

Question

Vorrei impostare un semplice evento onClick jQuery per rendere dinamica l'interfaccia utente su un modello di manubri. Mi stavo chiedendo di aggiungereClass() dopo un clic specifico.

considerano il codice HTML (generato dal manubrio)

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

cioè: Dopo un clic all'interno di un pulsante, il suo contenitore riceverà una classe di carico che creerà l'interazione con i CSS.

Questo codice dovrebbe andare sul mio modello di manubrio o dovrei riscriverlo in un helper specifico per esso? C'è qualche esempio che potrebbe essere fornito così posso studiarlo e poi sviluppare qualcosa di simile?

Grazie in anticipo!

Answer 1

È necessario aggiornare i listener di Jquery DOPO l'inserimento di nodi nel codice HTML del DOM.

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

Non sono sicuro di quale sia esattamente il tuo problema. È corretto in questo modo se si mantiene il codice JavaScript in un file * .js, perhaps utilizzando parent() invece su prev() in questo caso specifico.

Answer 3

non v'è alcuna necessità di ricollegare il gestore di eventi su ogni aggiornamento DOM dinamica se li sta definendo a livello di documento:

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

Spero che questo aiuti! :-)