模仿官方pullrefresh_with_tab.html样例，tap href名字对应的mui-slider-group里面div的id，我的tap 和mui-slider-group里的div都是从后台动态生成的，现在出现了奇怪的现象：1，网页结构在浏览器的调试窗口看都是正常的，但是在实际中只能显示一组tap的数据，而且是随即的，刷新会变，另外不能左右滑动切换tap，也不能上下拉，点击也不能切换tap，另mui-slider-group里的div 用浏览器调试的scroll into view能看到，只是tap不见了。
2、如果把动态生成的div单独copy出来放到静态网页里面做测试所有的一切全正常。
奇了大怪了，难道是我js调用后台数据的代码加载顺序有问题？有人碰到过类似的情况吗？
南海小飞侠
- 发布：2018-07-18 13:32
- 更新：2018-07-19 10:27
- 阅读：1078
南海小飞侠 (作者)
自己解决了，mark一下
问题出在了动态添加的dom完成之前就加载了外部引入的js！，导致其失效
解决办法：在html最后加入以下代码，实现延迟引入外部的js，
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/mui.min.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
