2010-07-04 4 views
0

기본적으로 어떻게 작동하는지 (파이어 폭스, 사파리 및 크롬에서)는 목록에 세 개의 링크가 있고 클릭하면, 그 클래스는 같은 이름이지만 id에있는 div를 찾는 데 사용됩니다. 그 후 div은 특정 클래스의 모든 divs이 페이드 아웃 된 후에 흐리게 표시됩니다 (이 div은 모두 잡아서 클래스를 가져야 함).Jquery 페이드 인/아웃 Div 스위처가 IE에서 오른쪽으로 표시되지 않음

$(".dynamic_nav li a").click(function() { 

    column_switch = $(this).parent().attr('class'); 

    if($(this).hasClass('active_tab') == true) { 
     return false; 
    } 

    else { 
     $(".dynamic_nav li a").removeClass("active_tab"); 

     $("div.portfolio_section").hide(); 

     $("#" + column_switch).fadeIn(500); 

     $(this).addClass("active_tab"); 
    } 

    return false; 
}); 

그리고 내 html 코드 : 그래서 여기

<ul class="dynamic_nav"> 
    <li class="web"><a class="active_tab" href="#">Web</a></li> 
    <li class="print"><a href="#">Print</a></li> 
    <li class="advertising"><a href="#">Advertising</a></li> 
</ul> 

<div id="web" class="portfolio_section"><p>Some Text<p></div> 
<div id="print" class="portfolio_section"><p>Some Text<p></div> 
<div id="advertising" class="portfolio_section"><p>Some Text<p></div> 
+0

IE에서 어떤 현상이 발생합니까? –

+0

초기 div가 표시되지만 다른 링크 중 하나를 클릭하면 아무 것도 표시되지 않지만 항상 작동하는 마지막 링크 (또는 카테고리)를 클릭하면 표시됩니다. –

답변

1

확인 당신이 게시 된 코드를 잘못했다 내가 눈치 몇 가지가 있습니다

여기 JS 코드입니다. 이 문제를 해결 한 후 IE에서 작동했습니다.

먼저 광고 사업부에 수업 이름 뒤에 닫는 견적이 누락되었습니다. 둘째로 당신의 리튬은 모두 당신이 이미 다른 사람들에게서 일했다고 말한 이후에 당신이 이미 알고있는 것과 같은 이름을 사용하고 있습니다. 나는 누락 된 견적을 확인하기 시작할 것입니다. 내가 말한 것처럼 그것은 나를 위해 일하고있다.

+0

안녕하세요. 실제로 게시 한 코드의 오류입니다. 클래스가 동적으로 추가되고 누락 된 인용이 원본 파일에 있습니다. 그것이 당신을 위해 일했다는 사실은 흥미 롭습니다. ie6, 7, 8에서 테스트를 해봤습니까? 9를 사용하고 있습니까? –

+0

아니요 IE 8을 사용하고 있습니다. 여기에 제가 일하는 코드가 있습니다. 나는 jquery 1.3.2를 사용하고 있음에 유의해야한다. http://pastebin.com/484qGUjD – spinon

관련 문제