情鬼下凡
情鬼下凡
  • 发布:2018-05-01 11:47
  • 更新:2018-05-01 14:38
  • 阅读:2901

js操纵dom元素后,页面不生效

分类:MUI

我想在ajax的成功回调中将获取的数据渲染到页面上,但是失败了。
成功的回调函数如下

success:function(data){  
    console.log(data.data.title)  
    document.getElementById('title').innerHTML = data.data.title;  
    console.log(document.getElementById('title').innerHTML)  
}

页面dom节点如下:

<div class="mui-content">  
    <h4 id="title">标题</h4>  
     <p id="content">新闻</p>  
</div>

控制台输出如下:

 标题2 at html/newsInfo.html:40  
 标题2 at html/newsInfo.html:42

模拟器显示结果如下:


为什么,js显示dom元素中的内容已经被修改了,但是页面上的元素没有被修改,还请各位大神指点。

2018-05-01 11:47 负责人:无 分享
已邀请:
情鬼下凡

情鬼下凡 (作者)

问题已解决。
出现这个问题的原因是我在主页面使用mui.fire触发自定义事件后,直接使用mui.openWindow打开了子页面,而此时子页面中的ajax请求尚未返回结果,所以页面渲染失效。解决的办法是使用setTimeout(function() {prPage.show("slide-in-right", 300);}, 550);来代替mui.openWindow打开子页面。

该问题目前已经被锁定, 无法添加新回复