gpt4 book ai didi

javascript - 代码无法在 IE 中隐藏和取消隐藏 Div

转载 作者:行者123 更新时间:2023-11-28 07:24:49 24 4
gpt4 key购买 nike

我不太擅长 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com