javascript - Jquery attr 无法正常工作 Internet Explorer

Question

我有下面的代码，单击图像会隐藏一个 div。完美运行，但在 IE 中不起作用...

为什么？

http://jsfiddle.net/mtsys/6qAfp/

代码：

$(document).ready(function () {       
    $('.fechar').click( function() { alert('testes'); $(".nav").attr("hidden",true); });
    $('.mais').click( function() {
        var status = $(".nav").attr("hidden");
        if (status)
        {
            $(".nav").attr("hidden",false);
        }
        else
        {
            $(".nav").attr("hidden",true);
        }
    });
});

HTML：

<div class="header">
    Estágio    
    <div class="mais"></div>
</div>
<div class ="parent">     
    <div class="content">        
        <div id="map_canvas" style="width: 100%; height: 100%;"></div>
    </div>
    <div class="nav"><div class="fechar"></div><div id="dadosDiv"></div></div>   
</div>

tks

Answer 1

使用.hide()和toggle()更改元素的显示

$('.fechar').click(function () {
    $(".nav").hide()
});
$('.mais').click(function () {
    $(".nav").toggle()
});

演示：小提琴

Answer 2

为什么不将您的 JS 更改为：

    $('.fechar').click( function() { alert('testes'); $(".nav").hide(); });
    $('.mais').click( function() {
        $(".nav").toggle();
    });

这不仅会简化您的代码，而且会利用 jQuery 的内置函数来切换内容可见性。顺便说一句，问题是参考，如果你想走那条路hidden attr，这应该是…….css('hidden',true)