我在下面写的示例,将使用jQuery加载materialize.js。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="materialize.css">
</head>
<body>
<p>Hello world</p>
<a class="waves-effect waves-light btn">Button</a>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.ajax({
url: "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js",
dataType: "script"
});
</script>
</html>
&#13;
这样做会使按钮上的 Waves 断开。它根本不会工作。 但是,如果我 M.AutoInit();
,模态和其他东西仍然可以工作有谁知道如何解决这个问题?
我处于一种特殊情况,我必须使用jQuery加载它。所以我不能把脚本标签放在html中。
提前致谢。
答案 0 :(得分:1)
加载javascript后调用Waves.displayEffect();
。