Mui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例
網(wǎng)上好多朋友是這樣做的:
全局插入了js代碼
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
這樣做是行的,但是有很多問題,比如點擊側(cè)欄的時候,就不出現(xiàn),錯誤很多,
經(jīng)實踐自己的方法還是可行的,寫多了jquery,竟然調(diào)試js原生老不成功。可能是生疏了,啥東西還是要用~
那就先加入jquery
@Scripts.Render("~/bundles/jquery")
好了,直接上代碼:
id跳轉(zhuǎn):
$('#Message').on("tap", function () { //打開關(guān)于頁面 mui.openWindow({ url: '../Home/About', id: 'About' <br>});
9宮格跳轉(zhuǎn):
$('.mui-grid-9').on("tap", 'a', function () { var url = $(this).attr('href'); //打開關(guān)于頁面 mui.openWindow({ url: url, id: 'info' }); });
圖片輪播跳轉(zhuǎn):
$('#slider').on("tap", 'a',function () { var url = $(this).attr('href'); //打開關(guān)于頁面 mui.openWindow({ url: url, id: 'info' }); });
以上這篇Mui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery $(document).ready() 與window.onload的區(qū)別
Jquery中$(document).ready()的作用類似于傳統(tǒng)JavaScript中的window.onload方法,不過與window.onload方法還是有區(qū)別的。2009-12-12jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的,在本文將為大家想你想介紹下,感興趣的朋友不要錯過2013-09-09jQuery 獲取遍歷獲取table中每一個tr中的第一個td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個tr中的第一個td的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jQuery的cookie插件實現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個方法是通過cookie插件來實現(xiàn),需要的朋友可以參考下2014-04-04jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04