jquery - 实现CSS双模态

Question

当我显示一个模态，而这个模态中的一个 Action 显示另一个模态时，所有屏幕都变得不透明，这当然很烦人。

我看到 materialize 在 DOM 的末尾创建了一个元素:

<div class="lean-overlay" id="materialize-lean-overlay-1" style="z-index: 1002; display: block;opacity: 0.5;"></div>
<div class="lean-overlay" id="materialize-lean-overlay-2" style="z-index: 1004; display: block;opacity: 0.5;"></div>

我应该将最后一个元素的不透明度设置为 0。

但我认为此解决方案并非在所有情况下都有效(有时是 id="materialize-lean-overlay-XXX")。我可以循环所有 class="lean-overlay" 元素，并将最后一个元素的不透明度设置为 0，但不确定这是否是最佳解决方案。

你怎么看？谢谢!!

Answer 1

我几天前解决了这个问题，如果它可以帮助别人，我会分享代码。打开第二个模态(删除确认模态)的函数是:

 _displayModalDelete: function() {
      $('#modalDelete').openModal();
      var length = $(".lean-overlay").length-1;
      $(".lean-overlay")[1].style.opacity="0";
      $(".lean-overlay")[1].style.zIndex="0";
  }