注册 登录
潘歌
潘歌
  • 发布：2015-01-05 18:11
  • 更新：2015-01-06 10:14
  • 阅读：3735

使用mui.min.js的时候有时出错，使用mui.js就ok

分类：MUI 
 Uncaught TypeError: Cannot call method 'append' of null at js/mui.min.js:6
2015-01-05 18:11 负责人:无 分享

没有找到相关结果

    已邀请:
    DCloud_UNI_CHB

    DCloud_UNI_CHB

    把你出错页面的html源码分享出来吧

    2015-01-05 18:21 分享
    潘歌

    潘歌 (作者) - 潘歌 

     Uncaught TypeError: Cannot call method 'append' of null at js/mui.js:1494

    也出现这个问题了

    2015-01-06 08:54 分享
    潘歌

    潘歌 (作者) - 潘歌 

    <!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title></title>  

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
    <meta name="apple-mobile-web-app-capable" content="yes">  
    <meta name="apple-mobile-web-app-status-bar-style" content="black">  

    <script src="../js/mui.min.js"></script>  

    <link href="../css/mui.min.css" rel="stylesheet"/>  
    <link href="../css/app.css" rel="stylesheet"/>  

    <script type="text/javascript" charset="utf-8">  
        mui.init();  

    </script>  

</head>  
<body>  
<div class="mui-content">  

<!--专题-->  

<div id="slider" class="mui-slider" >  

    <div class="mui-slider-group mui-slider-loop">  
        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->  
        <div class="mui-slider-item mui-slider-item-duplicate">  
            <a  href="#">  
                <img src="img/3index500x150.jpg">  
            </a>  
        </div>  
        <!-- 第一张 -->  
        <div class="mui-slider-item">  
            <a  href="#">  
                <img src="img/1index500x150.jpg">  
            </a>  
        </div>  
        <!-- 第二张 -->  
        <div class="mui-slider-item">  
            <a href="#">  
                <img src="img/2index500x150.jpg">  
            </a>  
        </div>  
        <!-- 第三张 -->  
        <div class="mui-slider-item">  
            <a href="#">  
                <img src="img/3index500x150.jpg">  
            </a>  
        </div>  

        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->  
        <div class="mui-slider-item mui-slider-item-duplicate">  
            <a href="#">  
                <img src="img/1index500x150.jpg">  
            </a>  
        </div>  
    </div>  
    <div class="mui-slider-indicator mui-text-right">  
        <div class="mui-indicator mui-active"></div>  
        <div class="mui-indicator"></div>  
        <div class="mui-indicator"></div>  
    </div>  
</div>  

<ul class="mui-table-view mui-grid-view mui-grid-9">  

    <li class="mui-table-view-cell mui-media mui-col-xs-3">  
        <a id="doMy" href="#">  
            <span class="mui-icon mui-icon-home"></span>  
            <div class="mui-media-body">我的</div>  
        </a></li>  

    <li class="mui-table-view-cell mui-media mui-col-xs-3">  
        <a id="doFollow" href="#">  
            <span class="mui-icon mui-icon-home"></span>  
            <div class="mui-media-body">关注</div>  
        </a></li>  

    <li class="mui-table-view-cell mui-media mui-col-xs-3">  
        <a id="doCollect" >  
            <span class="mui-icon mui-icon-home"></span>  
            <div class="mui-media-body">收藏</div>  
        </a></li>  
    <li class="mui-table-view-cell mui-media mui-col-xs-3">  
        <a id="doBBS" >  
            <span class="mui-icon mui-icon-email"></span>  
            <div class="mui-media-body">社区</div>  
        </a></li>  

</ul>   

<ul class="mui-table-view" style="top: -1px;">  

<!--社区头条-->  

    <li class="mui-table-view-cell">  

        <a id="doNew">  

            <img class="mui-pull-right do-img-max102" src="img/102x68.jpg"  />  

            <div class="mui-media-body">  
                <h4 class="mui-ellipsis do-font-70 do-font-grey">  

                <small>赞评100</small>  
                <small>浏览100</small>  
                <small class="mui-pull-right">2014-12-31</small>  
                </h4>  
                <p class='mui-ellipsis'>  
                    元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下  
                </p>  
                <p class="mui-ellipsis">  
                    <span class="mui-badge">黄师傅大战</span>  
                    <span class="mui-badge mui-badge-success">新鲜</span>  
                    <span class="mui-badge">超级搞笑</span>  

                        </p>  

            </div>  
        </a>  
    </li>  

    <li class="mui-table-view-cell">  

        <a >  

            <img class="mui-pull-right do-img-max102" src="img/102x68.jpg"  />  

            <div class="mui-media-body">  
                <h4 class="mui-ellipsis do-font-70 do-font-grey">  

                <small>赞评100</small>  
                <small>浏览100</small>  
                <small class="mui-pull-right">2014-12-31</small>  
                </h4>  
                <p class='mui-ellipsis'>  
                    元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下  
                </p>  
                <p class="mui-ellipsis">  
                    <span class="mui-badge">黄师傅大战</span>  
                    <span class="mui-badge mui-badge-success">新鲜</span>  
                    <span class="mui-badge">超级搞笑</span>  

                        </p>  

            </div>  
        </a>  
    </li>  

    <li class="mui-table-view-cell">  

        <a >  

            <img class="mui-pull-right do-img-max102" src="img/102x68.jpg"  />  

            <div class="mui-media-body">  
                <h4 class="mui-ellipsis do-font-70 do-font-grey">  

                <small>赞评100</small>  
                <small>浏览100</small>  
                <small class="mui-pull-right">2014-12-31</small>  
                </h4>  
                <p class='mui-ellipsis'>  
                    元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下元旦优惠享不停，快来享一下  
                </p>  
                <p class="mui-ellipsis">  
                    <span class="mui-badge">黄师傅大战</span>  
                    <span class="mui-badge mui-badge-success">新鲜</span>  
                    <span class="mui-badge">超级搞笑</span>  

                        </p>  

            </div>  
        </a>  
    </li>  

<!--用户分享-->  

    <li class="mui-table-view-cell">  

        <a id="doComment" >  
        <div class="mui-table">  

             <div class="mui-table-cell mui-col-xs-9">  

                <img class="mui-media-object mui-pull-left do-radius-50" src="img/42x42.gif" />  

                <div class="mui-media-body">小豆豆  

                    <p class='mui-ellipsis'>  

                        <span class="mui-badge mui-badge-yellow">绿豆V1</span>  

                    </p>  
                </div>  

            </div>  

            <div class="mui-table-cell mui-col-xs-3 mui-text-right">                          
                <p class="mui-h5 mui-ellipsis">9月11日</p>  
                <p class="mui-badge mui-badge-success">评5分</p>  

            </div>  

        </div>    

       <p class="mui-h6 mui-ellipsis-2">  
                1、我们嘎嘎  
                2、本卡可以再多个店铺通用  

                李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等  
            李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等  
            李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等</p>  
        </a>  

    </li>  

    <li class="mui-table-view-cell">  

        <div class="mui-table">  

             <div class="mui-table-cell mui-col-xs-9">  

                <img class="mui-media-object mui-pull-left do-radius-50" src="img/42x42.gif" />  

                <div class="mui-media-body">我的昵称  

                    <p class='mui-ellipsis'>  

                        <span class="mui-badge mui-badge-yellow">红豆V9</span>  

                    </p>  
                </div>  

            </div>  

            <div class="mui-table-cell mui-col-xs-3 mui-text-right">                          
                <p class="mui-h5 mui-ellipsis">9月11日</p>  
                <p class="mui-badge mui-badge-success">评5分</p>  

            </div>  

        </div>    

          <p class="mui-h6 mui-ellipsis-2">  
                1、我们嘎嘎  
                2、本卡可以再多个店铺通用  

                李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等  
            李明明，申请交行信元等你拿，李明明，申请交行信息卡，100元等你拿，  
            ，申请交行信息卡，100元等</p>  

    </li>  

    </ul>  

</div>  

<script type="text/javascript" charset="utf-8">  

mui.back = function(){  
    //执行父页面的关闭逻辑；  
    mui.currentWebview.opener().evalJS("mui.back()");  
}  

//自动轮播  
mui("#slider").slider({  
    interval: 4000  
});  

//点击头条  
document.getElementById('doNew').addEventListener('tap', function() {  

  mui.openWindow({  
    url:'new-solo-box.html',   
    id:'new-solo-box'  
  });  
});  

//  
document.getElementById('doComment').addEventListener('tap', function() {  

  mui.openWindow({  
    url:'comment-solo-box.html',   
    id:'comment-solo-box'  
  });  
});  
//社区  
document.getElementById('doBBS').addEventListener('tap', function() {  

  mui.openWindow({  
    url:'bbs-box.html',   
    id:'bbs-box'  
  });  
});  

//我的   
document.getElementById('doMy').addEventListener('tap', function() {  

  mui.openWindow({  
    url:'new-my-box.html',  
    id:'new-my-box'  
  });  
});  

//收藏  
document.getElementById('doCollect').addEventListener('tap', function() {  

  mui.openWindow({  
    url:'new-collect-box.html',   
    id:'new-collect-box'  
  });  
});  

</script>  

</body>  
</html>
    2015-01-06 08:55 分享
    潘歌

    潘歌 (作者) - 潘歌

    跳转的页面就是打开一个新的页面而已

    2015-01-06 08:56 分享
    蓝狐蜗牛

    蓝狐蜗牛

    估计是压缩里出现的问题

    2015-01-06 09:28 分享
    潘歌

    潘歌 (作者) - 潘歌

    meiyou压缩的也出问题了

    2015-01-06 10:14 分享
    为什么被折叠? 0 个回复被折叠

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

    退出全屏模式 全屏模式 回复
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 艾普阳科技 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报