IE9에서 내용이 많은 Big 테이블을 Ajax로 불러들일대 Cell이 한 칸씩 밀리는 버그가 있다.
<td> 사이에 공백이나 개행문자가 있으면 발생한다.
아래와 같이 해결한다. (jQuery를 사용할 경우의 코드임)
if ( $.browser.msie ) {
var expr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
$('#테이블_감싼_DIV').html( ($('#테이블_감싼_DIV').html() + "").replace(expr, '><') );
}
※ new RegExp('>[ \t\r\n\v\f]*<', 'g'); 이 정규식은 HTML 코드 >와 < 사이에 있는 공백, 탭, 개행문자 등을 모두 제거하라는 의미다.
여러모로 IE는 우리 개발자를 사랑하신다. ㅠㅠ
'자바스크립트 > jQuery' 카테고리의 다른 글
| HTML TABLE ROW를 show, hide시 IE7 및 호환성보기에서 css border 잔상남는 경우 (1) | 2013.10.20 |
|---|---|
| IE 8 이하 버전에서 개발자 콘솔 오류 해결 - SCRIPT3: 구성원이 없습니다. (0) | 2013.09.12 |
| 다른 도메인 간 getJSON 함수 사용시 한글문제 처리 (0) | 2013.01.31 |
| Component returned failure code: 0x805e000a [nsIXMLHttpRequest.open]" nsresult: "0x805e000a (0) | 2010.03.31 |