2016-06-22 6 views
0

Dave Dessandro의 카드 뒤집기 스크립트 https://desandro.github.io/3dtransforms/docs/card-flip.html에 대한 IE 대체를 만들기 위해 노력하고 있으며 지금까지는 8을 제외한 모든 IE 버전에서 작동했습니다. 코드 오류가 발생했습니다.IE8 개체가이 속성 또는 메서드를 지원하지 않습니다.

document.getElementById("info").addEventListener("click", function(){ 

전체 기능은 여기에 있습니다 : :

// Assign click action to flip card question 
document.getElementById("info").addEventListener("click", function(){ 
    card.toggleClassName("flipped"); 
    }, false); 
}; 
오류가 나타날 것으로 보인다
IE8 object does not support this property or method 

는 코드 줄에

문제점을 확인할 수 없습니까? 내가 누락 된 것이 있습니까? 전체 코드를 보려면 https://github.com/SLQ-web/Fauna/blob/Koala/js/card-flip.js

IE8에서 거부 한 것입니까? preserve3d 및 csstransform을 지원하는 브라우저의 경우 3D로 카드를 넘기는 토글입니다. 다른 오래된 브라우저의 경우 이미지를 보여 주거나 숨 깁니다. Modernizr을 사용하여 목표를 정한 수업을 설정하십시오.

답변

1

IE8은 addEventListener을 지원하지 않습니다. 당신은 대신에 이벤트 핸들러를 사용할 수 있습니다 조언의 빠른 조각에 대한

document.getElementById("info").attachEvent('onclick', function() { 
    card.toggleClassName("flipped"); 
}); 
+0

감사합니다 : 당신이 정말로 이벤트 리스너가 필요한 경우,

document.getElementById("info").onclick = function() { card.toggleClassName("flipped"); }; 

을 또는 IE8은 attachEvent 비표준있다. 나는 그것을 지금 시행하고 점검 할 것이다. –

+0

그 문제를 해결하는 것 같았지만이 코드를 다시 작성하는 방법을 모르겠습니다 : 'window.addEventListener ('DOMContentLoaded ', init, false);'. 나는 jQuery로 해봤지만 작동하지 않는다. –

+0

IE8은 DOMContentLoaded를 지원하지 않습니다. – Oriol

관련 문제