初始化物化函数

Question

我在初始化某些 Materialize-css javascript 函数时遇到问题； 特别是material_select()。

我正在尝试按照 Materialize 文档中的说明初始化函数：

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

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

如果我手动将material_select()以及任何其他 Materialize 函数初始化到浏览器控制台，但如果它在代码中则不会； 我也在 materialize.js 之前导入 jQuery。

非常感谢您的帮助，谢谢。

Answer 1

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

Answer 2

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

Answer 3

不参考您的代码就不可能给出确切的解决方案。 问题可能发生在materialize.js文件中。 如果您测试以下完全工作的代码并找到您的问题会更好。

工作代码

单击给定链接中的Run Code Snippet以进行实时演示或复制完整代码并在您的机器中进行测试。

初始化物化函数

问题描述

3 个解决方案

解决方案1
3 2017-02-25 05:19:04

解决方案2
3 2018-01-09 01:32:03

解决方案3
1 2017-02-02 09:02:32

初始化物化函数

问题描述

3 个解决方案

解决方案1 3 2017-02-25 05:19:04

解决方案2 3 2018-01-09 01:32:03

解决方案3 1 2017-02-02 09:02:32

解决方案1
3 2017-02-25 05:19:04

解决方案2
3 2018-01-09 01:32:03

解决方案3
1 2017-02-02 09:02:32