En utilisant Jeditable et en activant sur le clic

Question

J'ai trouvé this être presque exactement ce que j'essaye de faire. J'utilise Jeditable Je peux obtenir la configuration par défaut pour fonctionner. J'ai également pu obtenir le code dans le forum ci-dessus pour fonctionner. Je crois que mon problème est que parce que j'utilise une table, j'ai besoin de quelque chose d'autre pour sélectionner l'élément précédent.

Voici mon HTML

<table> 
    <tr> 
     <td width="5%"><input class="cat_checkbox" type="checkbox" name='delete_cat[]' value='<?php echo("$cat_data[cat_id]");?>' /></td> 
     <td width="90%" class="edit_cat_title" id='unique_id'>Category</td> 
     <td width="5%"><a href="#" class="edit_cat_title_trigger"><img src="images/edit.gif" border="0"></a></td> 
    </tr> 
</table> 

et voici mon JQuery:

//modify title content on the fly 
    $('.edit_cat_title').editable('action.php', { 
     name : 'cat_title', 
     indicator : 'Saving...', 
     submit : 'OK', 
     cancel : 'Cancel', 
     tooltip:'click to edit', 
     event : 'edit' 
     }); 

//trigger with the click of the edit image 
    $(".edit_cat_title_trigger").bind("click", function() { 
    $(this).prev().trigger("edit_cat_title"); 
}); 

Je sais que je devrais probablement être en mesure de le comprendre et je sais tout ce que je dois faire est de changer $(this).prev().trigger("edit_cat_title"); à la bonne chose mais je suis encore vraiment nouveau à Jquery.

Answer 1

Je l'ai compris, j'ai juste besoin d'obtenir l'instance de .edit_cat_title J'ai utilisé cette jquery pour quiconque se demandait.

$(".edit_cat_title_trigger").bind("click", function() { 
    $(this).parent().prev('.edit_cat_title').trigger("edit"); 
}); 

Merci

Answer 2

Plutôt que de compter sur la structure de dom pour déclencher l'événement d'édition, vous pouvez envisager de mettre une balise rel sur les deux groupes que les plus finiment. Cela découplera un peu plus votre code de votre balisage. Alors le sélecteur serait juste $('.edit_cat_title').filter('[rel='+$(this).attr('rel')+']')