gpt4 book ai didi

javascript - 模态弹出在打开时淡入点击并在关闭时淡出

转载 作者:行者123 更新时间:2023-11-30 08:54:52 25 4
gpt4 key购买 nike

我有一个相当简单的问题。我有删除按钮,可以打开模态弹出窗口以确认或拒绝删除。我希望这些模态弹出窗口在单击时淡入并在取消时淡出。我已经尝试了一些不同的东西,到目前为止还没有运气。我只需要一个简单的解决方案。提前致谢。这是我的代码

<style>
div.delModal
{
position:absolute;
border:solid 1px black;
padding:8px;
background-color:white;
width:160px;
text-align:right
}
</style>
<script>
function showModal(id) {
document.getElementById(id).style.display = 'block';
//$(this).fadeIn('slow');
}
function hideModal(id) {
document.getElementById(id).style.display = 'none';
}

</script>
</head>

<body>
<input type ="button" value="delete" onclick="showModal('delAll1')">

<div class="delModal" style="display:none" id="delAll1">
<img src="images/warning.png" />&nbsp;Are you sure you want to delete vessel and the corresponding tanks?<br />
<input type="button" value="Cancel" class="hide" onclick="hideModal('delAll1')"/>
<input type="button" value="Delete" onclick="delVesselAll(1)" id="delete"/>
</div>
</body>

最佳答案

在您的 id 参数 ("delAll1") 上使用 .fadeIn().fadeOut()不在 this 上。

function showModal(id) {
$("#" + id).fadeIn('slow');
}
function hideModal(id) {
$("#" + id).fadeOut('slow');
}

通过使用,$("#"+ id) 您可以通过其id 选择一个元素,即"#"+ id .

See it here.

注意:将左侧边栏框架下的onLoad更改为no wrap (head)以修复作用域问题。

关于javascript - 模态弹出在打开时淡入点击并在关闭时淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14447444/

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