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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jquery实现聊天机器人
Feb 08 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
jquery插件实现图片悬浮
Apr 16 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 变量定义和变量替换的方法
2009/07/30 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
在yii中新增一个用户验证的方法详解
2013/06/20 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python字典遍历操作实例小结
2019/03/05 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python爬虫教程知识点总结
2020/10/19 Python
python实现简单猜单词游戏
2020/12/24 Python
Html5中的桌面通知Notification的实现
2018/09/25 HTML / CSS
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
一些网络技术方面的面试题
2014/05/01 面试题
礼貌问候语大全
2015/11/10 职场文书
Vue中foreach数组与js中遍历数组的写法说明
2021/06/05 Vue.js
python运算符之与用户交互
2022/04/13 Python