web-dev-qa-db-ja.com

未定義のプロパティスイングを読み取ることができません

私はCDNバージョンの materializecss を使用しています

<html>
    <head>
        <!-- css -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css">
    </head>
    <body>
        <!-- page body -->

        <!-- scripts -->
        <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
        <script src="scripts/scripts.js"></script>
    </body>
</html>

コンソールで次のエラーが発生します

Uncaught TypeError：未定義のプロパティ「swing」を読み取れません

materialize.min.js：6で

（匿名）@ materialize.min.js：6

javascripthtmlmaterialize
12
Aman

Materializeはextendを使用しているように見えるので、jQueryのフルバージョンが必要になります-スリムバージョンは機能しません。

30
jdgower

マテリアルデザインのブートストラップを使用する場合、

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">

<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.1/css/mdb.min.css" />
</head>

そして、「body」セクションの最後にスクリプトファイルを置きます。

<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.1/js/mdb.min.js"></script>

</body>

上記のように、非圧縮バージョンのJQueryを使用することを忘れないでください。

3
Aditya Parmar

Jquery.slimを通常のJqueryに変更するだけです。それは私と一緒に働きます

1
Zineb SKARABI