2010-08-10 3 views
4

Est-il possible d'ajouter des boutons supplémentaires avec des gestionnaires d'événements click à jeditable (plugin jQuery)? Ce que je veux faire est, quand vous cliquez sur un élément éditable et l'élément d'entrée avec les boutons "Ok" et "Annuler" apparaissent, je voudrais ajouter un autre bouton avec du texte, en cliquant sur qui devrait rediriger l'utilisateur vers une autre URL .jeditable: boutons supplémentaires avec "Ok" et "Cancel"

Cela peut-il être fait? Toute forme d'aide est hautement appréciée. Merci une tonne pour votre temps et vos efforts à l'avance.

Cordialement.

Répondre

4

Je pense que vous pouvez utiliser la méthode jQuery's live() pour ajouter un bouton après les éléments portée/d'entrée de jEditable ont été créés ...
alors peut-être quelque chose comme ça marcherait ...

$('.editable').live('click', function() { 
    // Live handler called. 
    // And here's where it gets tricky with jEditable...the jQuery selector below may be all wrong 
    $('.editable').append('<button type="submit" class="gotourl">Go to URL</button>'); 
}); 

puis

$('.gotourl').live('click', function(){ 
    // Place your redirect code here 
} 

simplement essayé d'ajouter un autre bouton dans le cadre soumettre et qui a travaillé sur OK

submit: '<button type="submit" class="ok">OK</button> <button type="submit" class="gotourl">Go To URL</button>' 

alors la méthode live devrait se déclencher lorsque vous cliquerez sur le bouton Aller à l'URL ... mais jEditable fonctionnera aussi ... donc vous devrez déboguer le faire fonctionner ensemble ...