猿问

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

关于该项目:

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


泛舟湖上清波郎朗
浏览 109回答 3
3回答

杨魅力

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

相关分类

JavaScript
我要回答