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

Question

现在我正在使用Jeditable用于就地编辑功能。 Jeditable 有一些不错的选项，但是(据我所知)，它不允许您触发编辑，除非单击相关元素。

也就是说，假设我的元素有 id comment。使用 Jeditable，开始编辑的唯一方法是单击comment。我想要的是在 comment 旁边放置一些小文本(例如，“点击编辑您的评论”)，单击后会将 comment 变成可编辑的文本字段(并设置“保存”和“取消”按钮等)。

Answer 1

好的，我破案了。在 this blog post ，作者写道

You can now use any custom event for triggering Jeditable.

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

所以我这样做了，然后做了:

  $("#id-for-text").click(function() {
    $("#comment").trigger('make_editable');
  });