时间戳

首页 > 解决方案 > 物化 CSS 模态

javascript - 物化 CSS 模态

问题描述

我已经通过以下方式实现了 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 -->

标签： javascripthtmlcssmaterialize

解决方案

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

您必须包含它，这是 CDN

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

这是一个工作小提琴：https ://jsfiddle.net/4t25mdba/1/

推荐阅读