클라이언트 측 편집 가능 테이블을 생성하려고합니다. 여기 내 코드가있다. Chrome, Firefox에서는 작동하지만 IE에서는 작동하지 않습니다. IE 용 스크립트와 관련이 있습니까?contenteditable이 IE 10에서 작동하지 않습니다.
<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>
감사 티무합니다. 그것은 효과가 있었다. :) –
@Teemu : 히피. inputbox를 편집 할 수 없도록 만들고 싶다면 어떻게해야합니까? IE9에서 contenteditable = "false"가 작동하지 않습니다. 크롬과 잘 어울립니다. – Dharmraj
@Dharmraj 예를 들어'readonly = "true"'를 사용할 수 있습니다. – Teemu