使用Jeditable并单击激活

Question

我发现这几乎就是我想要做的。 我正在使用Jeditable，我可以使用默认设置。 我还能够在上面的论坛中获取代码以进行工作。 我相信我的问题是，因为我使用的是表格，所以需要选择其他内容来选择上一个元素。

这是我的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>

这是我的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");
});

我知道我应该能够弄清楚，我知道我所要做的就是更改$(this).prev().trigger("edit_cat_title"); 正确的做法，但我对Jquery还是很陌生。

Answer 1

您可以考虑在两个标签上都设置一个rel标签，以便对它们进行更有限的分组，而不是依靠dom结构来触发编辑事件。 这将使您的代码与标记分离更多。 那么选择器将只是$('.edit_cat_title').filter('[rel='+$(this).attr('rel')+']')

Answer 2

我想通了，我只需要获取我使用此jquery的.edit_cat_title的上一个实例，任何人.edit_cat_title知道。

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

谢谢