Jquery淡入/淡出Div切换器无法在IE中正确显示

时间:2010-07-04 04:42:09

标签: jquery internet-explorer

基本上这应该如何工作(并且在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>

1 个答案:

答案 0 :(得分:1)

好的,所以这里有一些我注意到你发布的代码错误的东西。在我修复它之后,它确实在IE中工作。

首先,您的广告div在类名后缺少结束语。其次你的所有人都使用相同的名字,这可能是你已经知道的事情,因为你说它在其他人工作。我会检查缺少的引用开始。因为就像我说它对我有用。