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动画_动力节点节点Java学院整理
Jul 04 jQuery
jQuery选择器之属性筛选选择器用法详解
Sep 19 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
使vue实现jQuery调用的两种方法
May 12 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery实现轮播图效果demo
Jan 11 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 IPV6正则表达式验证代码
2010/02/16 PHP
PHP基本语法总结
2014/09/06 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
使用webpack搭建vue项目及注意事项
2019/06/10 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
JS 图片压缩原理与实现方法详解
2020/04/29 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
Python进程通信之匿名管道实例讲解
2015/04/11 Python
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
研发工程师的岗位职责
2013/11/18 职场文书
夏季奶茶店创业计划书
2014/01/16 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
药店收银员岗位职责
2015/04/07 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL