jquery - jeditable 编辑所有部分？

Question

我试图弄清楚如何使用 1 个编辑按钮编辑具有特定类的所有区域。

这是我的 JS:我将它放入一个函数中以便再次使用。我有一个周围的 div，里面有包含“详细信息”类的跨度

如何创建 1 个“编辑”按钮并让它们同时触发？尝试模拟 Facebook 效果，如果您单击某个部分，则整个部分都将变得可编辑。不确定这是如何完成的。

function editProfileText(url, selector, type, data) {
      $(selector).editable(url, { 
        cssclass : 'inline-edit',
        //data   : data,
        id   : 'elementid',
        name : 'elementvalue',
        indicator : '<img src="/assets/images/ajax-loader.gif">',
        tooltip   : 'Click to edit...',
        submit: 'Save',
        event: "edit",
        //onblur : 'ignore',
        type: type

 });

 }   
    //Link for Text Only
    $('a.edit').live('click', function(){
        editProfileText("profile/editprofile", "span.detail" , "text", "");
        $(this).prev().trigger("edit");
    });

解决方案:

function editProfileText(url, selector, type, data) {
          $(selector).editable(url, { 
            cssclass : 'inline-edit',
            //data   : data,
            id   : 'elementid',
            name : 'elementvalue',
            indicator : '<img src="/assets/images/ajax-loader.gif">',
            tooltip   : 'Click to edit...',
            submit: 'Save',
            event: "click",
            //onblur : 'ignore',
            type: type

     });

     }   
$('a.edit').live('click', function(){
        editProfileText("profile/editprofile", "span.detail" , "text", "");
         $('span.detail').trigger('click');
});

Answer 1

您始终可以使用“编辑”按钮来触发可编辑元素上的点击事件，例如:

$('a.edit').live('click', function(){
    $('input.edit').trigger('click');
});