使用jQuery加载Materialise会使Waves破碎吗?

时间:2018-04-19 00:51:45

标签: jquery materialize

我在下面写的示例,将使用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;
&#13;
&#13;

这样做会使按钮上的 Waves 断开。它根本不会工作。 但是,如果我 M.AutoInit();

,模态和其他东西仍然可以工作

有谁知道如何解决这个问题?

我处于一种特殊情况,我必须使用jQuery加载它。所以我不能把脚本标签放在html中。

提前致谢。

1 个答案:

答案 0 :(得分:1)

加载javascript后调用Waves.displayEffect();