Question

작동하지 않습니다 I

IE8에

var areaId = "eventArea" + index; 
var tempArea = $("<AREA id='" + areaId + "' shape='rect' coords='" + value.x + "," + value.y + "," + (parseInt(value.x) + parseInt(value.w)) + "," + (parseInt(value.y) + parseInt(value.h)) + "' >"); 
tempArea.appendTo($("map[name='wavImageMap']")); 
$("#" + areaId).click(function() { alert('test'); }); 

이 HTML <AREA> 요소를 (IE7 호환 모드 및 IE8) IE8에서 잘 작동하지만 IE7에서 올바른 결과를 생성하지 다음 코드가 생성되고 성공적으로 추가됩니다. 하지만 IE7에는 없습니다. click 이벤트가 발생하지 않습니다.

Answer 1

이 경우 문제는 <area>이 아니지만 IE7은 좌표를 문자열로 변환합니다. value.x 대신 value.x.toString()을 사용하면 문제가 해결됩니다.
코드는 다음과 같이 표시됩니다 :

var tempArea = $("<AREA id='" + areaId + "' shape='rect' >"); 
tempArea[0].coords = value.x.toString() + "," + value.y.toString() + "," + ((parseInt(value.x) + parseInt(value.w))).toString() + "," + ((parseInt(value.y) + parseInt(value.h))).toString(); 

Answer 2

이것은 문제가 아니지만 비슷한 문제가있어서 jQuery의 live 함수를 사용하여 해결했습니다. 같은 ... 라이브

var areaId = "eventArea" + index; 
var tempArea = $("<AREA id='" + areaId + "' shape='rect' coords='" + value.x + "," + value.y + "," + (parseInt(value.x) + parseInt(value.w)) + "," + (parseInt(value.y) + parseInt(value.h)) + "' >"); 
tempArea.appendTo($("map[name='wavImageMap']")); 
$("#" + areaId).live('click', function() { 
    alert('test'); 
}); 

()는 기본적으로 이벤트가 (당신이 즉시 요소를 만들 경우) 현재 존재하는, 또는 미래의 모든 요소에 연결되어 있는지 확인합니다.

Answer 3

IE에서 이전에 .appendTo()을 사용하는 데 문제가 있었으며 그 이유를 알 수 없습니다. 하지만 그것을 .append()으로 바꾸면 나를 위해 일했습니다.