Textarea通过jQuery创建 - 但不可编辑,为什么? [英] Textarea created through jQuery - but not editable, why?
问题描述
我有这个简单的HTML代码...
I have this simple HTML code...
<div onclick='jsComment();'>Click to comment</div>
而且 jsComment()
具有textarea和按钮的表单,并替换div的HTML内容
And the jsComment()
function just creates a form with a textarea and a button and replaces HTML content of the div
function jsComment(id){
var form = '<form action="modules.php?name=some_url&id='+id+'" method="post" name="post">';
form += '<b>Post something!</b><br />';
form += '<textarea name="noticia" cols="100" rows="5" maxlength="299" style="overflow: hidden; border: none; border-top: 1px solid LightGrey; margin: 6px;"></textarea><br />';
form += '<input type="hidden" name="noticiaId" value="'+id+'" /><input type="submit" name="op" value="Comment!"></form>';
jQuery('#noticia_'+id).html(form);
}
HTML生成正确,但我不能在textarea 。当我把光标放在textarea里它只是消失了...相同的提交按钮,它似乎被禁用...这里发生了什么问题?可能是一个CSS问题?
HTML is generated correctly, but I cannot write in the textarea. When I place the cursor inside the textarea it just disappears... same for the submit button, it appears to be disabled... what's going wrong here? Maybe a CSS question?
非常感谢
推荐答案
strong>更新
Update
请使用.replaceWith()代替,请参阅jsfiddle进行比较。
Use .replaceWith() instead, see jsfiddle for comparison.
尝试了多种方法来解决这个问题,我能想出的最好的方法是定期写(不动态)并显示它onclick。
I tried multiple ways to fix this the best way I could come up with is to write the regularly (not dynamically) and show it onclick.
查看小提琴: http://jsfiddle.net/c4urself/tFxDs/ 我尝试的所有选项
See the fiddle: http://jsfiddle.net/c4urself/tFxDs/ for all the options I tried
$("commentcontainer").click(function() {
$(this).html("").next(".textareacontainer").show();
});
这篇关于Textarea通过jQuery创建 - 但不可编辑,为什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!