文章/答案/技术大牛

发布

社区首页 >问答首页 >不工作于jquery负载的材料设计Lite开关

问不工作于jquery负载的材料设计Lite开关
EN

Stack Overflow用户

提问于 2016-04-07 12:10:18

回答 2查看 1.4K关注 0票数 1

我试图通过外部文件加载MDL开关，但它不起作用。

以下是我的主页代码: index.php

<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="material.min.css">
</head>

<body>
<a href="#" class="lo">Load</a>
<div class="demo-switch">

<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
<input type="checkbox" id="switch-2" class="mdl-switch__input" />
<span class="mdl-switch__label">Bluetooth</span>
</label>

</div>

<script src="js/material.min.js"></script>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(){

  $.getScript("js/material.min.js").done(function(){

      $(document).on("click",".lo",function(){
      $('.demo-switch').load("new_test.php");
      });
  });



});

</script>

</body>
</html>

这是文件new_test.php

<div class="demo-switch">

<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-2">
<input type="checkbox" id="switch-2" class="mdl-switch__input" />
<span class="mdl-switch__label">Bluetooth</span>
</label>

</div>

以下是我按load按钮后的结果：

可能的js不能正常工作，但是我找不到解决这个问题的方法。请帮帮忙

javascript

php

jquery

html

material-design

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-09 22:08:52

您需要调用componentHandler.upgradeAllRegistered()来获取动态的dom。

票数 3

Stack Overflow用户

发布于 2020-11-11 19:45:18

在视图的最底部添加componentHandler.upgradeAllRegistered() (本例中为new_test.php)。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36475782

复制

相似问题

问不工作于jquery负载的材料设计Lite开关
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不工作于jquery负载的材料设计Lite开关EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不工作于jquery负载的材料设计Lite开关
EN