動態添加的textarea不起作用

Question

有一張表我想逐行編輯，用戶點擊一個包含文本的單元格並將其更改爲文本區域。

Textarea很好，但是完全沒有功能。

Here's a fiddle

或者什麼，我試圖做的代碼？

<div id="click"></div> 

#click { 
    width: 200px; 
    height: 100px; 
    border: 1px solid black; 
} 

$(function(){ 
    $('#click').click(function(){ 
     $(this).html("<textarea></textarea>"); 
    }); 
}); 

Answer 1

您添加textarea後添加focus事件。

$(function() { 
    $('#click').click(function() { 
     $(this).html("<textarea></textarea>").find("textarea").focus(); 
    }); 
}); 

更新小提琴：http://jsfiddle.net/na7sZ/2/

你也可以這樣來做：

$('#click').click(function() { 
     var textarea = $('<textarea/>'); 
     $(this).html(textarea); 
     textarea.focus(); 
}); 

小提琴：http://jsfiddle.net/na7sZ/5/