ghostlee
ghostlee
  • 发布:2016-03-31 11:25
  • 更新:2016-12-07 15:16
  • 阅读:2010

MUI怎么在DIV切换前加入判断呢?

分类:MUI

Demo就是MUI官网的,在手机里面的示例里面最后一个,我跟了下代码,过程应该是在mui-pages里面加入了想要跳转的div,然后在原div和新div中加入样式 ,使用transform: translate3d(0px, 0px, 0px);和transform: translate3d(100%, 0px, 0px);来实现的切换。代码中先使用trigger来触发的pageBeforeShow事件,后执行加入样式切换。这整个过程中,假如我有一个判断来确定是否要切换,我应该把代码加入到哪里?如果不切换,我应该怎么做呢?

2016-03-31 11:25 负责人:无 分享
已邀请:
ghostlee

ghostlee (作者)

MUI的viewApi这个对象里面有方法和属性,我应该怎么改呢?大牛啊,去哪里了

ghostlee

ghostlee (作者)

没有人遇到一样的情况吗?我就不信了啊

9***@qq.com

9***@qq.com

我也想问这个

赵梦欢

赵梦欢 - 专注前端,乐于分享!

var view = viewApi.view;  
(function($) {  
    //处理view的后退与webview后退  
    var oldBack = $.back;  
    $.back = function() {  
        if (viewApi.canBack()) { //如果view可以后退,则执行view的后退  
            viewApi.back();  
        } else { //执行webview后退  
            oldBack();  
        }  
    };  
    //监听页面切换事件方案1,通过view元素监听所有页面切换事件,目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)  
    //第一个参数为事件名称,第二个参数为事件回调,其中e.detail.page为当前页面的html对象  
    view.addEventListener('pageBeforeShow', function(e) {  
        //              console.log(e.detail.page.id + ' beforeShow');  
    });  
    view.addEventListener('pageShow', function(e) {  
        //              console.log(e.detail.page.id + ' show');  
    });  
    view.addEventListener('pageBeforeBack', function(e) {  
        //              console.log(e.detail.page.id + ' beforeBack');  
    });  
    view.addEventListener('pageBack', function(e) {  
        //              console.log(e.detail.page.id + ' back');  
    });  
})(mui);

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