Materialise CSS 模态

Question

我已经通过以下方式实现了 Materialize CSS 模态，但它不起作用。

ERROR:

    Uncaught TypeError: $(...).modal is not a function
    at HTMLDocument.<anonymous> (ordine.php:70)
    at e (jquery.min.js:2)
    at t (jquery.min.js:2)

$(document).ready(function () {
    $('.modal').modal();
});

  <!--MODAL -->
  <a class='waves-effect waves-light btn blue modal-trigger' href='#modal1'><i class='fas fa-shopping-cart'></i></a>
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
  </div>
  <!-- MONDAL -->

Answer 1

你有一个错误$ 未定义。此错误表示未定义 jQuery。

你必须包含它，这是CDN

  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

这是一个有效的 fiddle ：https://jsfiddle.net/4t25mdba/1/

Materialise CSS 模态

Materialize CSS Modal

html

javascript

css

materialize