初始化物化函數

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