基本上这应该如何工作(并且在firefox,safari和chrome中有效)是列表中有三个链接,当你单击一个时,它的类用于查找具有相同名称的div但是在一个身份证。然后div
在具有某个类的所有divs
被淡出后逐渐消失(此div
必须分类以及全部捕获)。
这是JS代码:
$(".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 :(得分:1)
好的,所以这里有一些我注意到你发布的代码错误的东西。在我修复它之后,它确实在IE中工作。
首先,您的广告div在类名后缺少结束语。其次你的所有人都使用相同的名字,这可能是你已经知道的事情,因为你说它在其他人工作。我会检查缺少的引用开始。因为就像我说它对我有用。