我正在尝试创建客户端可编辑表。这是我的代码。它适用于 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>
IE中有很多元素,不能有contenteditable直接设置。但是,您可以将整个包裹起来table
变成可编辑的内容div
.
<div contenteditable="true">
<table>
...
</table>
</div>
这会使表格中的所有单元格均可编辑。尽管在某些浏览器(FF)中,由于显示的表格编辑手柄,视图会有点混乱。
另一种可能性是添加例如可编辑的内容span
or div
每一个td
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)