我需要更新由聯編輯一個段落

Question

我已經試過這

HTML

<div> 
    <h1>Some text here</h1> 
    <p>Text area text here</p> 
</div> 

jQuery的

$(function(){ 
    $('p').on('click', function(e){ 
     e.preventDefault(); 
     var txt = $(this).text(); 
     $(this).parent().append('<textarea>' + txt + '</textarea>'); 
     $(this).remove(); 
    }); 
}); 

的文本，我需要更新文本通過內聯編輯的段落。我需要在那裏輸入新的文本，並在textarea外面有人點擊時刪除textarea。

感謝

Answer 1

這裏是更新了自己的小提琴http://jsfiddle.net/99pxz8et/2/

你需要的是監聽新文本區域變化事件，然後更新

$area.one('focusout', function() { 
     $p.show();    
     $p.text($area.val()); 
     $area.remove()         
    }); 

編輯：改變。 on（）to .one（）