Javascript 不适用于加载的内容

Question

我尝试通过 JQuery load() 方法加载页面内容。 这是代码

$(window).ready(function() {
  $('#content').load('views/login.html');
});

.mdl-layout {
  align-items: center;
  justify-content: center;
}

.mdl-layout__content {
  padding: 24px;
  flex: none;
}

<link href="https://code.getmdl.io/1.3.0/material.indigo-blue.min.css" rel="stylesheet" />
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="mdl-layout mdl-js-layout mdl-color--grey-100">
    <main class="mdl-layout__content" id="content">
    </main>
 </div>

(抱歉，我无法将 login.html 添加到代码段编辑器。这是一个由 mdl 框架提供支持的登录表单:/)

现在来自 mdl 的表单元素的 Javascript 函数无法正常工作。开发者控制台没有错误。我还尝试在 jquery 加载请求后重新加载我所有的 javascript 文件吗？

有人知道我的脚本出了什么问题吗？

Answer 1

我自己解决了这个问题。这里的解决方案:

我只是在 load 方法之后再次调用 mdl javascript。

$.getScript('https://code.getmdl.io/1.3.0/material.indigo-blue.min.css');

现在它完美运行了。感谢大家!