Mui使用jquery并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例
網(wǎng)上好多朋友是這樣做的:
全局插入了js代碼
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
這樣做是行的,但是有很多問題,比如點(diǎn)擊側(cè)欄的時(shí)候,就不出現(xiàn),錯(cuò)誤很多,
經(jīng)實(shí)踐自己的方法還是可行的,寫多了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并且使用點(diǎn)擊跳轉(zhuǎn)新窗口的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(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的使用是怎么樣的,在本文將為大家想你想介紹下,感興趣的朋友不要錯(cuò)過2013-09-09jQuery 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法
下面小編就為大家?guī)硪黄猨Query 獲取遍歷獲取table中每一個(gè)tr中的第一個(gè)td的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10jQuery的cookie插件實(shí)現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個(gè)方法是通過cookie插件來實(shí)現(xiàn),需要的朋友可以參考下2014-04-04jQuery+css實(shí)現(xiàn)的換頁標(biāo)簽欄效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的換頁標(biāo)簽欄效果,涉及jQuery動(dòng)態(tài)操作頁面元素構(gòu)造換頁標(biāo)簽的相關(guān)技巧,需要的朋友可以參考下2016-01-01從零學(xué)jquery之如何使用回調(diào)函數(shù)
回調(diào)函數(shù)指的是被調(diào)用者完成處理后自動(dòng)回調(diào)調(diào)用者預(yù)先傳遞的函數(shù)。2014-05-05jQuery插件FusionCharts繪制的3D雙柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制的3D雙柱狀圖效果,涉及jQuery使用插件FusionCharts結(jié)合xml數(shù)據(jù)繪制的3D雙柱狀圖的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04