我不太擅长 JS，我使用的代码是同事为我编写的，它在 Chrome 中运行良好，但在 IE 中运行不佳。
该代码允许我有一个列表，我可以单击该列表来显示隐藏的 div，当我单击列表中的另一个链接时，它会隐藏最后一个 div 并取消隐藏上次单击的等等。
这是我的 JS
function hideClass(id){
$('.objections').addClass('hide');
$('#'+id+'_container').removeClass('hide');
}
我的 HTML 中有这个
onclick="hideClass(this.id)"
是否有办法改变它以使其在 IE 中工作？
正如我所说，我不擅长仅 JS HTML CSS，所以我不知道从哪里开始
最佳答案
如果没有看到您的代码，就很难确切地知道出了什么问题。我猜测你可能在做什么，并想出了这个基本代码，它在 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>关于javascript - 代码无法在 IE 中隐藏和取消隐藏 Div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29803374/