我需要更新由联编辑一个段落

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（）