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

