jquery - contenteditable 无法在 IE 10 中工作

Question

我正在尝试创建客户端可编辑表。这是我的代码。它可以在 Chrome、Firefox 中运行，但不能在 IE 中运行。还有什么与 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>

Answer 1

IE中有很多元素，不能有contenteditable直接设置。但是，您可以将整个 table 包装到内容可编辑的 div 中。

<div contenteditable="true">
    <table>
       ...
    </table>
</div>

这将make all the cells in the table editable 。尽管在某些浏览器(FF)中，由于显示的表格编辑 handle ， View 会有点困惑。

另一种可能性是向每个 td 添加内容可编辑的 span 或 div。