javascript - 使 JEditable 在新元素上工作 (.live)

Question

我正在使用 JEditable 插件进行就地编辑。

我有一个调用.editable()所有相关类的“设置”函数。问题是，我有新添加的元素，我也想使其可编辑。显然，新添加的，.editable()永远不会被调用。

换句话说，我希望得到 jquerylive()函数的效果，但是对于editable()函数。

我目前的解决方法对我来说似乎有点难看（redscribe_button是需要单击以编辑文本的按钮）：

$(".redescribe_button").live("click", function(click_event) {
    click_event.preventDefault();

    $(".editable", $(this).parent().parent()).editable("/temp/", {
        event: "make_editable",
        indicator : 'Saving...',
        tooltip   : 'Click to edit...'
    });

    $(".editable", $(this).parent().parent()).trigger('make_editable');
});

换句话说，我只是在每次单击编辑按钮时调用 .editable 。

有更好的解决方案的想法吗？

Answer 1

我也刚刚提出了这个问题，并以更优雅的方式解决了它（恕我直言）。

$('.jqEdit').live('click',function(event) {
    event.preventDefault();
    $(this).editable('save.php')
});

Answer 2

在一个元素上多次调用 editable 没有副作用，对吧？那么为什么不每次发生任何变化时都重新进行设置。