jQuery Editinplace-Plugin, mit dem Sie die Bearbeitung von einem anderen Element aus starten können

Question

Im Moment benutze ich Jeditable für Edit-in-Place-Funktionalität. Jeditable hat einige nette Optionen, aber (soweit ich weiß) erlaubt es Ihnen nicht, die Bearbeitung auszulösen, außer indem Sie auf das betreffende Element klicken.

Ie, nehme an, mein Element hat ID comment. Mit Jeditable können Sie nur mit der Bearbeitung beginnen, indem Sie auf comment klicken. Was ich möchte ist, einen kleinen Text neben comment (z. B. "Klicken Sie hier, um Ihren Kommentar zu bearbeiten"), die, wenn geklickt, wird comment in ein bearbeitbares Textfeld (und Einrichten von Speichern und Abbrechen Schaltflächen usw.).

Answer 1

Überprüfen Sie die trigger Methode von jQuery.

Benutzen Sie den Code wie:

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

Answer 2

Basierend auf Ihre Kommentare über Sie dies tun könnte:

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

Dies das Etikett, das das Click-Ereignis sollte die gleiche sein wie der Kommentar Click-Ereignis erzählt, entbindet dann das Ereignis auf dem Kommentar.

Nicht sicher, ob die unbind den Verweis auf die editFn zerstören wird und somit die Schließung enthalten ist.

Answer 3

Okay, ich habe den Fall geknackt. In this blog post, schreibt der Autor

Sie jetzt alle benutzerdefinierten Ereignis für Auslösung Jeditable verwenden können.

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

Also tat ich dies und dann tat

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