2016-12-07 8 views
0

マテリアライズ - CSSのJavaScript関数を初期化できません。特にmaterial_select()です。マテリアライズ関数の初期化

私はマテリアライズのドキュメントに記載されているように機能を初期化しようとしています:

$(document).ready(function() { $('select').material_select(); });

をしかし、私は次のエラーを取得する: $(...).material_select is not a function

material_select()だけでなく、他のマテリアライズ機能が初期化私が手作業でブラウザコンソールに書き込むのではなく、コードに含まれていない場合。 jQueryをmaterialize.jsの前にインポートしています。

ご協力いただきありがとうございます。

答えて

1

コードを参照せずに正確な解決策を提示することは不可能です。問題は、materialize.jsファイルで発生する可能性があります。完全に動作しているコードをテストして問題を見つける方が良いでしょう。ライブデモのために与えられたリンクで

Working code

クリックRun Code Snippetかは、あなたのマシンに完全なコードやテストをコピーします。

0

jQueryの前にmaterialize.jsをロードするか、jQueryのバージョンが高すぎてマテリアライズしていない可能性があります。あなたはここにいくつかのコードを追加する必要があります!

0

jQueryとMaterializeが文書準備関数が呼び出される前に初期化されていることを再度確認します。例えば

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/materialize.min.js"></script> 
<script> 
$(document).ready(function() { 
    $('select').material_select(); 
}); 
<script> 

そしてもちろんのは、適切なCSSファイルが<head>

に輸入されていることを確認してください