首页 > 建站教程 > APP开发,混合APP >  MUI中的疑难杂症正文

MUI中的疑难杂症

针对初学者,mui中有很多需要注意的小细节,我们平时容易忽略,而利用mui的开发又不像移动开发,可以打断点调试,所以我们除了看报错信息以外还要平时注意一些小细节。以下就是平时一些小细节的描述,我会通过工作中发现的问题不断来补充。以此来告诉大家也警惕自己。

1.不要多次引用<script src="js/mui.min.js"></script>或者<script src="js/mui.js"></script>,这样会造成如果有弹出框,你引用多少次弹出框就会弹出多少次。

2.使用poppicker组件时,要引用mui.picker.js/.css 加上mui.poppicker.js/.css或者统一引用 压缩版本:mui.picker.min.js。之后最重要一点,这些引用一定要在mui.js/css后引用,不然在运用的时候根本就执行不了组件初始化。

3.引用文件时注意"../"。有时候直接复用别的代码,注意“../”引用别的文件是否正确,一个比较方便的方法:参考编辑器自动生成的文件引用路径来进行修正。

4.mui.fire 查看是否传值,模拟器看不出来,用真机测试才能看出来。

5.折叠卡默认关闭情况下图片轮播不能自动轮播,所以开启折叠卡,在图片轮播状态时首次显示的图片为最后一张。

6.查看某些需要动态修改的css,建议使用浏览器审查元素,可以很方便得获取对应的选择器。

    查看某些需要动态修改的css的具体操作步骤为:

    a.复制“边改边看模式”里的网址到浏览器中

    b.粘贴网址,并按下f12键。

    c.firebug中选择左上角“点击查看页面中的元素”按钮,选中动态的模块。

    d.在firebug右边看“样式”,复制选中对应的代码到hbuilde里面。

    e.修改复制的css样式为自身需要的样式。

7.MUI Slider控件跳转到指定项
var gallery = mui('.mui-slider');
gallery.slider().gotoItem(0);
    0是索引

8.F12打开浏览器审查元素,点击网络时,F5刷新