移动端mui常用方法

1、mui中上拉刷新事件a标签中的链接、元素onclick事件在手机上点击不了

mui('body').on('tap','a',function(){document.location.href=this.href;});

2、mui的横向区域滚动

<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted scroll_topList">
            <div class="mui-scroll">
                <a class="mui-control-item mui-active">
                    推荐
                </a>
                <a class="mui-control-item">
                    热点
                </a>
                <a class="mui-control-item">
                    北京
                </a>
                <a class="mui-control-item">
                    社会
                </a>
                <a class="mui-control-item">
                    娱乐
                </a>
                <a class="mui-control-item">
                    科技
                </a>
            </div>
        </div>
mui('.scroll_topList').scroll({
                    scrollY: false, //是否竖向滚动
                    scrollX: true, //是否横向滚动
                    startX: 0, //初始化时滚动至x
                    startY: 0, //初始化时滚动至y
                    indicators: true, //是否显示滚动条
                    deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
                    bounce: true //是否启用回弹
                });

猜你喜欢

转载自www.cnblogs.com/haonanZhang/p/9504566.html