为什么modal materializecss打不开?

问题描述 投票:0回答:1

我用react和materializecss写了一个应用程序,但是modal窗口打不开。

导入。

import 'materialize-css';
import options from 'materialize-css';
import M from 'materialize-css';

js for modal:

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, options);
});

modal:

<a className="red waves-effect waves-light btn modal-trigger" href="#modal1">Удалить аккаунт</a>
<div id="modal1" className="modal">
   <div className="modal-content">
      <h4>Внимание!</h4>
      <p>Убедитесь, что вы действительно хотите удалить свой аккаунт, все данные об аккаунте будут утеряны и восстановить аккаунт невозможно</p>
   </div>
   <div className="modal-footer">
      <a href="/auth" className="modal-close waves-effect waves-green btn-flat" onClick={buttonDeleteAccount}>Удалить аккаунт</a>
   </div>
</div>
javascript reactjs materialize
1个回答
1
投票

以未声明的 options 变量出来。

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems);
});

一定要先检查控制台!

© www.soinside.com 2019 - 2024. All rights reserved.