3 6 2019

一、关于MUI Slider动态加载不能滑动的解决办法:

1.动态生成以下代码

<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll">
<a class="mui-control-item mui-active" href="#item1mobile">区域1</a>
<a class="mui-control-item" href="#item2mobile">区域2</a>
<a class="mui-control-item" href="#item3mobile">区域3</a>
<a class="mui-control-item" href="#item4mobile">区域4</a>
<a class="mui-control-item" href="#item5mobile">区域5</a>
</div>
</div>
</div>

2.执行代码

var gallery = mui('.mui-slider');
gallery.slider();



二、带清除按钮的input输入框,默认是有清除按钮的,但是动态生成之后必须执行 mui('.mui-input-row input').input()

<div class="mui-input-row">
<input type="text" class="mui-input-clear">
</div>



三、MUI 的console.log()打印相同的数据会被过滤,起初我还以为我数据的问题,后来测试确实是会过滤相同的打印数据



四、页面返回并刷新父页面的方法

父页面方法:

window.addEventListener('refresh', function (event) {  
//var val = event.detail.val; //获取传过来的参数
location.reload();
});

子页面方法:

mui.back();
//获得父页面的webview
var list = plus.webview.currentWebview().opener();
//触发父页面的自定义事件(refresh),传参数
mui.fire(list, 'refresh',{val:1});


另:MUI有一些功能文档上没有体现,只能下载源代码自行查找。


延伸阅读
    发表评论