Mui使用jquery并且使用点击跳转新窗口的实例


Posted in jQuery onAugust 19, 2017

网上好多朋友是这样做的:

全局插入了js代码

mui('body').on('tap', 'a', function () { document.location.href = this.href; });

这样做是行的,但是有很多问题,比如点击侧栏的时候,就不出现,错误很多,

经实践自己的方法还是可行的,写多了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 相关文章推荐
jQuery操作css样式
May 15 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
jquery实现拖拽小方块效果
Dec 10 jQuery
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 #jQuery
简单实现jQuery轮播效果
Aug 18 #jQuery
简单实现jQuery手风琴效果
Aug 18 #jQuery
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 #jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 #jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 #jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 #jQuery
You might like
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
多种方法判断Javascript对象是否存在
2013/09/22 Javascript
随鼠标上下滚动的jquery代码
2013/12/05 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
利用jquery和BootStrap实现动态滚动条效果
2018/12/03 jQuery
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
Vue 递归多级菜单的实例代码
2019/05/05 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
使用python的pandas为你的股票绘制趋势图
2019/06/26 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
opencv python图像梯度实例详解
2020/02/04 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
五种Python转义表示法
2020/11/27 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
乌克兰网上服装店:Bolf.ua
2018/10/30 全球购物
卫校毕业生自我鉴定
2013/10/31 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript