javascript - Making JEditable work on new elements (.live) - Stack Overflow

admin管理员组

文章数量:1389796

I'm using the JEditable plugin for in-place editing.

I have a "setup" function which calls .editable() on all the relevant classes. The problem is, I have newly appended elements which I'd like to make editable as well. Obviously, being newly added, .editable() never gets called on them.

In other words, I'm looking to get the effect that jquery's live() function does, but for the editable() function.

My current workaround seems kinda ugly to me (redscribe_button is the button that needs to be clicked to edit the text):

$(".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');
});

In other words, I'm just calling .editable every time the edit button is clicked.

Any ideas for a better solution?

I'm using the JEditable plugin for in-place editing.

I have a "setup" function which calls .editable() on all the relevant classes. The problem is, I have newly appended elements which I'd like to make editable as well. Obviously, being newly added, .editable() never gets called on them.

In other words, I'm looking to get the effect that jquery's live() function does, but for the editable() function.

My current workaround seems kinda ugly to me (redscribe_button is the button that needs to be clicked to edit the text):

$(".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');
});

In other words, I'm just calling .editable every time the edit button is clicked.

Any ideas for a better solution?

• javascript
• jeditable
• jquery

Share Improve this question Follow asked Nov 10, 2010 at 11:19 Edan MaorEdan Maor 10.1k1717 gold badges6767 silver badges9494 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

I just came to this question as well and solved it in a more elegant way (IMHO).

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

Calling editable more than once on an element has no adverse side effects, right? So why not just re-do the setup each time anything changes.

本文标签： javascriptMaking JEditable work on new elements (live)Stack Overflow