初始化Materialize函数

时间:2016-12-07 18:38:40

标签: javascript materialize

我无法初始化一些Materialise-css javascript函数;特别是material_select()。

我正在尝试初始化Materialise文档中所述的功能:

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

但是,我收到以下错误: $(...).material_select is not a function

如果我手动将其写入浏览器控制台,

material_select()以及任何其他Materialize函数初始化,但如果它在代码中,则不会初始化;我也在materialize.js之前导入jQuery。

非常感谢帮助,谢谢。

3 个答案:

答案 0 :(得分:2)

您最有可能在jQuery之前加载materialize.js,或者您的jQuery版本太高而且无法使用materialize。你需要在这里添加一些代码!

答案 1 :(得分:1)

如果不参考您的代码,就无法提供准确的解决方案。问题可能发生在materialize.js文件中。如果您测试完全正常工作的代码并找到问题会更好。

Working code

点击指定链接中的Run Code Snippet进行实时演示,或复制完整代码并在您的计算机上进行测试。

答案 2 :(得分:1)

在调用文档就绪函数之前,仔细检查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>

当然要确保在<head>

中导入相应的css文件