MUI移動端頁面跳轉

2021-07-14 21:34:00 字數 1008 閱讀 9707

今天整理mui移動端頁面跳轉的幾種方法和遇到的不同的坑

先上設定button、label和a標籤的**:

οnclick="jumptodetailview()"id="jumptodetail">檢視企業詳情

this is a test label

this is a test

跳轉方法一:button型別使用οnclick='',函式跳轉

function jumptodetailview());

}這種方法貌似只對button有效,在驗證函式時,alert驗證有效且不影響函式

跳轉方法二:新增監聽事件跳轉

document.getelementbyid('at').addeventlistener('tap',function());

});新增監聽事件對所有跳轉都有效,但是在驗證的過程中,使用了alert以後發現彈出框不顯示且跳轉不起作用,不知道具體什麼原因,等以後找到原因再補充。

跳轉方法三:使用.on形式跳轉

基於官網(

)上的描述「除了可以使用addeventlistener()方法監聽某個特定元素上的事件外, 也可以使用.on()方法實現批量元素的事件繫結」。

mui(".mui-table-view").on('tap','.mui-table-view-cell',function()); //開啟新聞詳情 mui.openwindow();})

以下是本寶寶的一些失敗的例子,希望好心人士看到能指出問題所在。不過我也不會放棄的,如果找到了正確方法我會及時更新的。在這裡先自我檢討一下。

//label使用.on形式跳轉

// mui('.test').on('tap',function(e));

// });

// mui('#test').on('tap',function(e));

// });

//a標籤使用.on形式跳轉

// mui('.atest').on('tap','a',function(e));

// });

mui幾種頁面跳轉方式對比

幾種開啟頁面的方式 1.初始化時建立子頁面 2.直接開啟新頁面 3.預載入頁面 示例 1.初始化時建立子頁面 js view plain copy mui.init extras 額外擴充套件引數 js view plain copy mui.init extras 額外擴充套件引數 2.直接開啟新...

mui幾種頁面跳轉方式對比

1.初始化時建立子頁面 mui.init extras 額外擴充套件引數 2.直接開啟新頁面 mui.openwindow extras show waiting 3.預載入頁面 方式1 mui.init 視窗引數 extras 自定義擴充套件引數 subpages 預載入頁面的子頁面 方式2 va...

MUI 頁面跳轉問題(原生回跳到hb)

1 h5跳轉到原生頁面,我是用外掛程式進行跳轉,跳轉是沒問題 如下 private context context override public void init absmgr arg0,string arg1 public void pluginfunction iwebview pwebvi...