jquery - Jeditable - 通过单击 Y 激活 X 的编辑

Question

我正在尝试使用 Jeditable作为内联编辑解决方案。

默认行为(单击元素进行编辑)效果很好，但我想通过单击另一个元素来激活一个元素。

例如，单击 a.activateEdit 将激活下一个 div.edit(显然应该使用 jQuery 选择器来完成)。

我为此查看了 Jeditable 文档，但找不到正确的语法

仅供引用，默认的 Jeditable 语法类似于:

 $(document).ready(function() {
     $('.edit').editable('http://www.example.com/save.php');
 });

*编辑:找到a better solution *

Answer 1

上面的代码也不完全正确。它会触发所有 Jeditable 实例上的单击事件。

有很多方法可以做到这一点，这完全取决于您的 HTML，但例如，如果您有以下 HTML:

<div class="edit" id="unique_id">Editable text</div> 
<a href="#" class="edit_trigger">Edit me!!</a>

然后您可以使用以下 JavaScript:

/* Bind Jeditable instances to "edit" event. */
$(".edit").editable("http://www.example.com/save.php", {
    event     : "edit"
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function() {
    $(this).prev().trigger("edit");
});