Gestion de l'événement jQuery onClick sur le guidon

Je tiens à mettre en place un simple jQuery événement onClick pour rendre l'INTERFACE dynamique sur un guidon de modèle. Je me demandais à addClass() après un clic spécifique.

considérer le HTML (généré par le guidon)

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

je.e: Après un clic à l'intérieur d'un bouton, le conteneur va recevoir un chargement de classe qui permettra de créer de l'interaction à l'aide de CSS.

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

Ce code va sur mon guidon-modèle ou dois-je réécrire dans un helper? Est-il un des exemples qui pourraient être fournis afin que je puisse l'étudier puis de développer quelque chose de similaire?

Merci d'avance!

source d'informationauteur Hal | 2013-07-09

  1. 13

    Vous actualisez votre Jquery auditeurs APRÈS l'insertion de nœuds dans votre 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"); });
  2. 38

    il n'est pas nécessaire pour remettre en place le gestionnaire d'événement sur chaque dynamique DOM mise à jour si vous êtes une définition au niveau du document:

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

    Espérons que cette aide! 🙂

  3. 0

    Je ne suis pas sûr de ce que votre problème est exactement.
    C'est correct comme ça, si vous gardez votre JavaScript dans un *.fichier js, perhaps à l'aide de parent() à la place sur prev() dans ce cas précis.