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