走走江南
走走江南
  • 发布:2017-05-18 16:30
  • 更新:2017-05-18 16:31
  • 阅读:2032

使用previewimage.js报错

分类:MUI
<body>                                                                            
    <header class="mui-bar mui-bar-nav">                                          
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
        <h1 class="mui-title">image viewer(图片预览)</h1>                             
    </header>                                                                     
    <div class="mui-content">                                                     
        <div class="mui-content-padded">                                          
            <img src="../images/yuantiao.jpg" data-preview-src="" data-preview-group="1" />  
            <img src="../images/muwu.jpg" data-preview-src="" data-preview-group="1" />  
            <img src="../images/shuijiao.jpg" data-preview-src="" data-preview-group="1" />  
        </div>                                                                    
    </div>                                                                        
</body>                                                                           
<script type="text/javascript" src="../js/mui.min.js"></script>                   
<script type="text/javascript" src="../js/mui.zoom.js"></script>                  
<script type="text/javascript" src="../js/mui.previewimage.js"></script>      
<script>                                                                          
    mui.previewImage();                                                           
</script>            

我把 官方提供的例子中原来的p元素给删除掉了,按原理应该不影响图片预览效果的,
运行后报错没发现previewImage这个函数请各路大神指点一下

2017-05-18 16:30 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

上传一个可以重现问题的demo。

  • 走走江南 (作者)

    好的稍等一下

    2017-05-18 16:41

  • 走走江南 (作者)

    我找到原因了,是因为img图片的问题,因为previewimage.js在初始化时会根据图片的data-preview-src属性加载每个图片,如果图片不能在手机上正常现实出来,previewimage就无法完成初始化工作,也就是说previewimage不能正常加载

    2017-05-18 17:06

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