关于该项目:有一张桌子。在此表中,我有3列,分别称为“名称”,“姓氏”和“更多”。按“更多”将激活“模式框”。在“模式框”框中,有关于此人的更多信息。问题首次启动时,“模式框”运行缓慢(500毫秒)。没问题的 但是第二次按下时,它不会按照时间打开。(0ms)。为什么?let backWall = $("#backWall");let modal = $("#modalBox");$(".more").click(function(){ backWall.show(0); modal.show(500); });$(".close").click(function(){ backWall.hide(0);})window.onclick = function(event) { if (event.target == document.getElementById("backWall")) { backWall.hide(0); }};#backWall { display: none; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.25); }#modalBox { display: none; background-color: #fff; z-index: 99; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 50px #262626; width: 60%; padding: 25px; } #modalBox .close { color: #aaaaaa; position: absolute; top: 5px; right: 25px; font-size: 30px; font-weight: bold; transition: .25s; } #modalBox .close:hover, #modalBox .close:focus { color: #000; text-decoration: none; cursor: pointer; transform: scale(1.5); color: red; }#more { font-size: 12px; }
3 回答
杨魅力
TA贡献1811条经验 获得超6个赞
这是因为您永远不会隐藏模态。模态是后壁的子级。第一次显示模态后,现在可以在后墙上看到它了。因此,切换后墙现在指示模态是否显示。要获得我认为的行为,请在隐藏后墙时隐藏模态。
添加回答
举报
0/150
提交
取消