在IE 10中不适用 [英] contenteditable not working in IE 10
问题描述
我正在尝试创建客户端可编辑表。这是我的代码。它适用于Chrome,Firefox但不适用于IE。是否还有与IE脚本有关的事情?
I am trying to create client side editable table. Here is my code. It works in Chrome, Firefox but not in IE. Is there anything more to do with script for IE?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("td").click(function(){
if($(this).attr("contentEditable") == true){
$(this).attr("contentEditable","false");
} else {
$(this).attr("contentEditable","true");
}
})
});
</script>
<p>
<table id='transitTable' border="1" cellspacing="2" cellpadding="2" class='display' width="400">
<tr id='1'>
<td >H1</td>
<td >H2</td>
<td >H3</td>
<td >H4</td></tr>
<tr id='2'>
<td >R1</td>
<td >R1</td>
<td >R1</td>
<td >R1</td></tr>
<tr id='3'>
<td >R2</td>
<td >R2</td>
<td >R2</td>
<td>R2</td></tr></table></p>
推荐答案
IE中有很多元素,不能有 contenteditable
直接设置。但是,您可以将整个表
包装到内容可编辑的 div
中。
There are many elements in IE, which can't have contenteditable
set directly. However, you can wrap the whole table
into a content editable div
.
<div contenteditable="true">
<table>
...
</table>
</div>
这将使表格中的所有单元格都可编辑。虽然在某些浏览器(FF)中,由于显示的表格的编辑句柄,视图会有点混乱。
This will make all the cells in the table editable. Though in some browsers (FF) the view will be a bit messy due to the shown editing handles of the table.
另一种可能性是添加例如内容可编辑的 span
或 div
到每个 td
。
Another possibility is to add for example a content editable span
or div
to each td
.
这篇关于在IE 10中不适用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!