javascript - 动态添加的文本区域不起作用

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

更新了 fiddle :http://jsfiddle.net/na7sZ/2/

你也可以这样做:

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

fiddle :http://jsfiddle.net/na7sZ/5/