如何检测 MaterializeCSS 模式关闭？

Question

我的网站上有多个 Materialise CSS 模态框，每个模态框都有不同的搜索栏。我希望网站检测模式何时关闭，以便我可以重置搜索栏的值。我知道如何重置该值，但我在检测模态关闭时遇到了问题。最简单的 JS/jQuery 方法是什么？

P.S。有很多代码是相互关联的，所以我没有在这里附上它，我认为这不是真的有必要，因为这是一个普遍的问题，而不仅仅是特定的模态。

Answer 1

超级简单：

 document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems,{
      onCloseEnd: function() {
        console.log('Modal closed');
      },
      onOpenEnd: function(){
         console.log('Modal Open');
      }
    });
  });

当你初始化模式时，你可以传递选项（作为一个对象{}），M 提供了一堆有用的钩子。如果您需要检测特定模态，可以使用 this:

检查 id 或任何其他数据

onOpenEnd: function(){
       console.log(this.id+' Modal Open');
}

Codepen

Docs.

如何检测 MaterializeCSS 模式关闭？

How to detect for a MaterializeCSS modal closing?

html

javascript

jquery

modal-dialog

materialize