javascript - 让 JEditable 处理新元素 (.live)

Question

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

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

换句话说，我希望获得 jquery 的 live() 函数所具有的效果，但对于 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')
});