IE8에서 jQuery의 parents/closest (selector) 함수가 다르게 동작하는 이유는 무엇입니까?

Question

크롬 11과 파이어 폭스 4에서 완벽하게 작동하는 jQuery 스크립트가 있는데 IE8에서는 문제가있는 것으로 보입니다. 선택자와 함께 jQuery parents() 함수를 사용하는 것과 관련이있는 것으로 보입니다. IE8에서 실행할 때 요소를 반환하지 않습니다.

동일한 증상을 보이는 간단한 문제를 over at jsFiddle으로 작성하여 큰 코드 조각을 방지합니다.

누가 여기에서 무슨 일이 일어날 지 말해 줄 수 있습니까?

업데이트 :closest()을 사용하면 유사한 동작이 발생하지만이 경우에 더 적합한 것으로 보입니다.

Answer 1

섹션은 최상위 요소입니까? Internet Explorer 8에서 HTML5에 대한 지원이 부족하여 제한적인 영역으로 빠져들고있는 것 같습니다. 섹션을 div로 변경하면 코드가 그대로 작동합니다.

Section support in browsers.

Answer 2

jsFiddle의 셀렉터를 살펴보면 셀렉터의 두 번째 부분을 없애면 IE8에서 제대로 작동하도록 할 수있었습니다.

$(document).ready(function(){ 
    $('a[data-detailed]').live('click', function(event){ 
     var a = $(this); 
     var key= a.attr('data-detailed'); 

     $(".detailedOverview[data-detailed="+key+"]").slideToggle('fast'); 
     $(".masterOverview").slideToggle('fast'); 
     event.preventDefault(); 
    }); 

    $('a[href=#back]').live('click', function(event){ 
     var a = $(this); 
     var detailedOverview= a.parents("[data-detailed]"); 

     $(".masterOverview").slideToggle('fast');   
     detailedOverview.slideToggle('fast'); 

     event.preventDefault(); 
    }); 
}); 

각 선택기에는 선택기 뒤에 ", fileparent"가 있습니다. 이처럼 부모를 지정할 필요가 없으며 제거 할 수 있습니다. 사실 당신은 모두 함께 모범을 없앨 수 있습니다.