2014-06-09 1 views
0

IE7-8-9에서 jQuery 클릭 이벤트를 사용하는 데 문제가 있습니다. div에 이벤트를 적용합니다. 그러나이 두 가지 IE 버전에서는 이벤트를 작동 시키려면 div에 포함 된 텍스트를 클릭해야합니다.IE7-8에서 jQuery 클릭 이벤트, 해당 텍스트에서만 div를 실행하지 않습니다.

글꼴 CSS 속성 추가와 같은 몇 가지 사항을 변경하기 전까지는 일반적으로 이러한 버전에서 계속 작동하기 때문에 이해할 수 없지만 이러한 변경 사항을 삭제하려고하면 원하는대로 작동하지 않습니다.

여기 상황과 전체 화면 결과를 보여주는 jsfiddle입니다.

http://jsfiddle.net/rC632/

function clickEvent(){ 

$('.answerDiv').click(function(){ 
    $("div:animated").stop(); 
    if (idPreviousClick === $(this)[0].id) { 

    } else { 
     if (idPreviousClick != -1) { 
      $("#"+idPreviousClick).css({height:'100px', width:'100px', top:'0', 'line-height': '100px'}); 
      $("#"+idPreviousClick).parent().css({height:'100px', width:'100px', top:'0'}); 
     } 
     $(this).animate({height:'120px', width:'120px', 'line-height': '120px'}); 
     $(this).parent().animate({height:'120px', width:'120px', top:'-10px'}); 
     idPreviousClick = $(this)[0].id; 
    } 
}); 

} 

$(document).ready(function(){ 

clickEvent(); 

}); 

var idPreviousClick = -1; 

http://jsfiddle.net/rC632/embedded/result/

당신은없는 것의 어떤 생각을 가지고 있을까?

감사

답변

0

이 라인 필터로 인해 : progid입니다 : DXImageTransform.Microsoft.gradient 당신은 CSS에서 사용하는, 그것은 당신의 사업부는 클릭 할 수 있습니다. 그래디언트로 이미지를 사용하는 것이 좋습니다.

+0

사용자가 색상을 자유롭게 선택해야하므로 이미지를 사용할 수 없습니다. 그러나 그라디언트 필터가 이유인지 확신 할 수 없습니다. 몇 시간 전에 작동했기 때문에 같은 필터가 나타났습니다. 그러나 권장대로 필터를 제거하면 올바르게 작동합니다. 나는 div 조직을 변경하려고 노력할 것이고 필터를 보존하고 클릭을 만드는 방법을 찾을 수 있는지 알려줄 것이다. – user3665301