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'); 
});