因爲最近工做項目上使用到前臺mui框架,筆者在將H5轉換爲jsp時,碰見各類各樣問題,緣由歸結爲對mui框架不熟悉,今天就碰見一個特別奇怪的問題,界面中超連接<a>標籤沒法跳轉,筆者試着添加點擊事件,但效果依然是沒法跳轉,查資料發現mui搞得鬼;框架
個人代碼主要是下邊代碼搞得鬼:dom
//刪除出行人
mui('body').on('tap','.business_icon_remove',function(){
var parentNode_1 = this.parentNode,
parentNode_2 = parentNode_1.parentNode,
removeNode = parentNode_2.parentNode,//獲取要刪除的節點
fatherNode = removeNode.parentNode;//獲取要刪除節點的父節點
if (hasClass(removeNode,'mui-media')) {
mui.alert('肯定要刪除該員工?',function(){
fatherNode.removeChild(removeNode);
})
}else if(hasClass(removeNode,'business_remove_invoice')){
mui.alert('肯定要刪除該發票?',function(){
fatherNode.removeChild(removeNode);
})
};jsp
});
mui('body').on('tap','.business_choose_time',function(){
var set_day = this.getElementsByClassName('business_time_day')[0];
var set_hour = this.getElementsByClassName('business_time_hour')[0];
/*
* 首次顯示時實例化組件
* 示例爲了簡潔,將 options 放在了按鈕的 dom 上
* 也能夠直接經過代碼聲明 optinos 用於實例化 DtPicker
*/ui
//設置日期控件模式
var picker = new mui.DtPicker();
picker.show(function(rs) {
/*
* rs.value 拼合後的 value
* rs.text 拼合後的 text
* rs.y 年,能夠經過 rs.y.vaue 和 rs.y.text 獲取值和文本
* rs.m 月,用法同年
* rs.d 日,用法同年
* rs.h 時,用法同年
* rs.i 分(minutes 的第二個字母),用法同年
*/
set_day.innerText = rs.y.text + '-' +rs.m.text + '-' + rs.d.text;
set_hour.innerText = rs.h.text + ':' + rs.i.text;
/*
* 返回 false 能夠阻止選擇框的關閉
* return false;
*/
/*
* 釋放組件資源,釋放後將將不能再操做組件
* 一般狀況下,不須要示放組件,new DtPicker(options) 後,能夠一直使用。
* 當前示例,由於內容較多,如不進行資原釋放,在某些設備上會較慢。
* 因此每次用完便當即調用 dispose 進行釋放,下次用時再建立新實例。
*/
picker.dispose();
}, false);
});this
其實在這裏使用mui框架,來實現界面的數據刪除和時間的選擇兩個功能,添加下邊代碼就能夠解決問題:事件
mui('body').on('tap','a',function(){
window.top.location.href=this.href;
});資源
以上敘述經筆者親自驗證,也可能朋友們是其餘緣由致使的,但使用mui框架,相似問題,應該均可以解決!rem