Rendre JEditable travailler sur de nouveaux éléments (.live)

Question

J'utilise le plugin JEditable pour l'édition sur place.

J'ai une fonction "setup" qui appelle .editable() sur toutes les classes concernées. Le problème est que j'ai des éléments nouvellement ajoutés que je voudrais aussi éditer. Évidemment, étant nouvellement ajouté, .editable() ne reçoit jamais d'appels. En d'autres termes, je cherche à obtenir l'effet que la fonction live() de jquery fait, mais pour la fonction editable().

Ma solution actuelle me semble un peu laid (redscribe_button est le bouton qui doit être cliqué pour modifier le texte):

$(".redescribe_button").live("click", function(click_event) { 
    click_event.preventDefault(); 

    $(".editable", $(this).parent().parent()).editable("/temp/", { 
     event: "make_editable", 
     indicator : 'Saving...', 
     tooltip : 'Click to edit...' 
    }); 

    $(".editable", $(this).parent().parent()).trigger('make_editable'); 
}); 

En d'autres termes, je suis juste appeler .editable chaque fois que l'édition le bouton est cliqué.

Des idées pour une meilleure solution?

Answer 1

Appeler modifiable plus d'une fois sur un élément n'a pas d'effets secondaires indésirables, non? Alors pourquoi ne pas simplement refaire l'installation chaque fois que quelque chose change.

Answer 2

Je suis juste venu à cette question aussi bien et l'ai résolu d'une manière plus élégante (IMHO).

$('.jqEdit').live('click',function(event) { 
    event.preventDefault(); 
    $(this).editable('save.php') 
});