jquery - 实现CSS双模态

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

我看到实现在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，但不确定是否是最佳解决方案。

你怎么看？谢谢！！

最佳答案

我几天前解决了这个问题，如果可以帮助别人，我会分享代码。打开第二个模式（删除确认模式）的功能是：

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