上一篇: 处理jQuery中附加元素的点击事件下一篇:使用jquery更改所选索引

jquery – Jeditable – 通过点击Y激活X的编辑

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – Jeditable – 通过点击Y激活X的编辑，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我试图使用 Jeditable作为在线编辑解决方案.

默认行为(单击要编辑的元素)工作得很好,但是我想通过单击另一个元素来激活元素.

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

我已经查看了jeditable docs,但是找不到正确的语法

FYI,默认的jeditable语法是这样的：

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

*编辑：发现a better solution *

解决方法

以上代码也不是很正确.它触发所有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");
});