기본적으로 어떻게 작동하는지 (파이어 폭스, 사파리 및 크롬에서)는 목록에 세 개의 링크가 있고 클릭하면, 그 클래스는 같은 이름이지만 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>
IE에서 어떤 현상이 발생합니까? –
초기 div가 표시되지만 다른 링크 중 하나를 클릭하면 아무 것도 표시되지 않지만 항상 작동하는 마지막 링크 (또는 카테고리)를 클릭하면 표시됩니다. –