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 animate easing的具體使用方法(推薦)
下面小編就為大家?guī)硪黄獪\談jQuery animate easing的具體使用方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
jquery api參考 visualjquery 中國線路 速度快
jquery api參考 visualjquery 中國線路 速度快...2007-11-11
jQuery實現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂代碼分享
這篇文章主要展示了jQuery實現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂實現(xiàn)代碼,需要的朋友可以參考下2015-08-08
jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果示例
這篇文章主要介紹了jQuery實現(xiàn)Table表格隔行變色及高亮顯示當(dāng)前選擇行效果,涉及jQuery針對table元素遍歷、運算、樣式及鼠標(biāo)事件動態(tài)響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
基于jQuey實現(xiàn)鼠標(biāo)滑過變色(整行變色)
相信大家在一些網(wǎng)站都看到過這種效果吧,當(dāng)鼠標(biāo)放在新聞列表一行的時候,整行就會變色,雖然使用CSS也能夠?qū)崿F(xiàn)此種功能,但是由于眾多瀏覽器版本對于CSS3并沒有良好的支持,所以在當(dāng)前情況下,使用jQuery實現(xiàn)此種功能是一個不錯的選擇2015-12-12

