jQuery编辑就地插件,允许您从另一个元素触发编辑

Tom*_*man 2 jquery edit-in-place

现在我正在使用Jeditable进行编辑就地功能.Jeditable有一些很好的选择,但(据我所知),它不允许你触发编辑,除非点击有问题的元素.

即,假设我的元素有id comment.使用Jeditable,开始编辑的唯一方法是单击comment.我想要的是在旁边添加一些小文本comment(例如,"点击编辑你的评论"),当点击它时,它将comment变成一个可编辑的文本字段(并设置保存和取消按钮等).

Tom*_*man 5

好的,我破案了.在这篇博文中,作者写道

您现在可以使用任何自定义事件来触发Jeditable.

$(".editable").editable("http://www.example.com/save.php", { 
   event     : "make_editable" 
});
Run Code Online (Sandbox Code Playgroud)

所以我这样做然后做了:

  $("#id-for-text").click(function() {
    $("#comment").trigger('make_editable');
  });
Run Code Online (Sandbox Code Playgroud)