2014-12-03 4 views
2

기본적으로 토글하는 다음 코드가 있습니다.Javascript/JQuery 토글이 작동하지 않습니다. IE8

function toggleContent(IDS) { 
// Get the DOM reference 
    var contentId = document.getElementById(IDS); 
// Toggle 
    contentId.style.display == 'block' ? contentId.style.display = 'none' : contentId.style.display = 'block'; 
} 



$(function() { 
    $(document).on('click','.linky',function(e){ 
     e.preventDefault(); 
     $('div.panello:visible').hide(); 
     $(this).next('div.panello').show(); 
    }); 
}); 

DIVS는 모두 보이거나 숨 깁니다.

IE8 이상을 제외한 모든 브라우저에서 정상적으로 작동합니다. "개체가이 속성 또는 메서드를 지원하지 않습니다."자바 스크립트 오류가 발생합니다.

IE8에서 작동하도록이 방법을 사용할 수 있습니까?

EDIT : 동적 인 토글입니다. 클릭하면 전환 할 ID를 스크립트에 알려줍니다.

+0

['$ (contentId) .toggle();]] (http://api.jquery.com/toggle/)을 사용해 보셨습니까? – Rhumborl

+0

jQuery의 어떤 버전입니까? – Mooseman

+0

jQuery 2.0 이상을 사용하는 경우 jQuery 2.0에서 이전 브라우저에 대한 지원이 중단되면서 그 원인이 될 수 있습니다. 이 경우 IE8을 지원해야 할 경우 jquery 1.11로 다운 그레이드 할 수 있습니다. –

답변

0

당신은 JQuery와 시도를 사용하고 있기 때문에 :

$("'#"+IDS+"'").toggle(); 
0

는 IE8에 대한 inline-blockdisplay을 설정하십시오.

관련 문제