创建“模式框”时，我无法设置时间

Question

关于该项目：

• 有一张桌子。在此表中，我有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; }

Answer 1

这是因为您永远不会隐藏模态。模态是后壁的子级。第一次显示模态后，现在可以在后墙上看到它了。因此，切换后墙现在指示模态是否显示。要获得我认为的行为，请在隐藏后墙时隐藏模态。