jQuery edit in place plugin qui vous permet de déclencher l'édition à partir d'un autre élément

Question

En ce moment j'utilise Jeditable pour la fonctionnalité edit-in-place. Jeditable a quelques bonnes options, mais (pour autant que je sache), il ne vous permet pas de déclencher l'édition sauf en cliquant sur l'élément en question.

Par exemple, supposons que mon élément ait l'ID comment. Avec Jeditable, la seule façon de commencer à éditer est de cliquer sur comment. Ce que je voudrais, c'est mettre un petit texte à côté de comment (par exemple, "Cliquez pour modifier votre commentaire") qui, une fois cliqué, transformera comment en un champ de texte modifiable (et configurer les boutons Enregistrer et Annuler, etc).

Answer 1

Vérifiez la méthode trigger de jQuery.

Utilisez le code comme:

$('#id-for-text').click(function(){ 
    $('#comment').trigger('click'); 
}); 

Answer 2

Sur la base de vos commentaires ci-dessus, vous pouvez le faire:

var editFn = (function(){ return $('#comment').click; })(); 
$('#id-for-text').click(editFn); 
$('#comment').unbind('click'); 

Ceci indique l'étiquette que l'événement click devrait être le même que l'événement click commentaire, puis dissocie l'événement sur le commentaire.

Vous ne savez pas si unbind va détruire la référence à editFn et donc inclure la fermeture.

Answer 3

D'accord, j'ai cassé l'affaire. En this blog post, l'auteur écrit

Vous pouvez maintenant utiliser un événement personnalisé pour déclenchement Jeditable.

$(".editable").editable("http://www.example.com/save.php", { 
    event  : "make_editable" 
}); 

donc je l'ai fait et fait:

$("#id-for-text").click(function() { 
    $("#comment").trigger('make_editable'); 
    });