2011-10-28 4 views
0

This이지만 Internet Explorer에서는 작동하지 않습니다. 이미지 중 하나를 클릭하면 팝업이 나타납니다.아코디언은 모달

대부분의 팝 업은 아코디언이며 작동하지 않습니다.

$('#DynamiC#accordion li').children('span').hide(); 
    $('#DynamiC#accordion li').click(function (event) { 
     event.preventDefault(); 
     $('#DynamiC#accordion li').children('span').slideUp(0); 
     $('#DynamiC#accordion li').each(function() { 
      if ($(this).attr('rel')!='') { 
       $(this).removeClass('over').addClass('idle'); 
      } 
     }); 

     $(this).children('span').slideDown(0); 
     $(this).removeClass('idle').addClass('over');  

     return false; 
    }); 
+0

들은 DOM에로드하기 전에 당신의 요소를 숨기는 것 같은데? 페이지로드 후 모달 콘텐츠가로드되지 않았습니까? –

+0

잘 모달 내용이로드 될 때 약 그것에서 스크립트를 가져온다. 그것은 원본 페이지가 아닌 내용으로로드되어야합니다 ... –

답변

0

하면이처럼 부하에 대한 의존성을 사용해보십시오 : DOM을가로드 된 후에는 내용을로드

$('#result').load('MODALCONTENTFILE.html', function() { 
     $('#result').load('ACCORDIAN.html'); 
}); 

. 따라서 hide() 명령이 호출 된 후에 내용을로드합니다.

이 IE에서 완벽한 작동합니다 http://jsfiddle.net/JVtyv/11/

+0

IE는? 나는 그것이 여기에서 8에서 일하지 않기 때문에 내가 결코 구체화하지 않았다고 생각한다. 또는 7 나는 믿을 수 ... 어머님, 예를 들어 싫어. –

+0

IE8/IE7 표준을 선택하면 예제가 내 IE에서 정상적으로 작동합니다. –

+0

예제를 편집 했습니까? 아니면 그냥 복사 했습니까? –

관련 문제