代码不能在IE浏览器中隐藏和取消隐藏Div

我不是很好的JS asn我使用的代码是一个同事为我放在一起，它在Chrome中正常工作，但在IE中播放不好。代码不能在IE浏览器中隐藏和取消隐藏Div

的代码，让我有我可以点击显示隐藏的div，当我点击列表中的另一个链接它隐藏最后一个div列表，并取消隐藏最后点击等

这里我的JS

function hideClass(id){ 
    $('.objections').addClass('hide'); 
    $('#'+id+'_container').removeClass('hide'); 

}

，我有这在我的HTML

onclick="hideClass(this.id)"

反正是有改变这种为它工作在IE？

正如我所说的，我不擅长JS只有HTML CSS，所以我不知道从哪里开始

来源

2015-04-22 SaturnsEye

我想既然你，你应该在这个问题上标记的jQuery正在使用jQuery。 – NewToJS

@NewToJS谢谢，更新 – SaturnsEye

你使用的是什么版本的jQuery和什么版本的IE？ – jfriend00

没有看到你的代码很难确切地知道什么是失败的。我猜你可能在做什么，并提出了这个基本代码，这对我来说在IE中工作。但是，IE最初阻止了脚本，我不得不点击以允许。所以注意这一点。

function hideClass(id) { 
 
    $('.objections').addClass('hide'); 
 
    $('#' + id + '_container').removeClass('hide'); 
 
}

.hide { 
 
    opacity: 0; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Test</title> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="myID" class="objections" onclick="hideClass(this.id)"> 
 
    <h1>I OBJECT!</h1> 
 
    </div> 
 
    <div id="myID_container" class="hide"> 
 
    <h1>Can you see me now?</h1> 
 
    </div> 
 
</body> 
 

 
</html>

既然你虽然使用jQuery，这个代码是有点清洁：

function hideClass(div) { 
 
    $(div).hide(); 
 
    $('#' + div.id + '_container').show(); 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Test</title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="myID" class="objections" onclick="hideClass(this)"> 
 
    <h1>I OBJECT!</h1> 
 
    </div> 
 
    <div id="myID_container" style="display:none"> 
 
    <h1>Can you see me now?</h1> 
 
    </div> 
 
</body> 
 

 
</html>

来源

2015-04-22 16:48:45 Justin

代码不能在IE浏览器中隐藏和取消隐藏Div

回答

相关问题