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

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

全局插入了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‘ });

 9宫格跳转:

1     $(‘.mui-grid-9‘).on("tap", ‘a‘, function () {
2         var url = $(this).attr(‘href‘);
3         //打开关于页面
4         mui.openWindow({
5             url: url,
6             id: ‘info‘
7         });
8     });

图片轮播跳转:

1     $(‘#slider‘).on("tap", ‘a‘,function () {
2         var url = $(this).attr(‘href‘);
3         //打开关于页面
4         mui.openWindow({
5             url: url,
6             id: ‘info‘
7         });
8     });

现在看起来一切就对劲了:

时间: 2024-10-13 11:37:51

Mui使用jquery并且使用点击跳转新窗口的相关文章

html点击链接打开新窗口

html标记中格式为<a href="url"> text </a> 此时,内容在原来窗口呈现,如果想新开窗口,可以采用下列方式. 1. <a href="http://www.baidu.com/" onclick="window.open( this.href, '_blank', 'scrollbars=0,sesizebar=0,sesizeable=0,width=300' );return false"&

跳到新窗口

---恢复内容开始--- 前几天一直很迷茫,想让一个搜索出来的结果跳到新的页面,使用了一下window.open居然不管用,于是开始百度,接着是按照百度的方法一个个试,发现每个方法都不行,于是就把这个问题给搁置了.闲来无事就想把问题解决了,于是又搜了一下,发现仅仅是一个属性,就搞定了,就是给form添加了一个属性,target="_blank" ,此属性可以控制页面内所有的respon.redirect跳转到新的窗口,有些时候,我们不要把问题想得那么复杂,先把问题简单化,如果解决不了的

HTML跳转新窗口的方法

笔试遇到这样的一个问题,特意整理一下. 方法一 纯HTML <a href="http://www.cnblogs.com" target="_blank">博客园</a> 方法二 使用 onclick // HTML <a onclick="openUrl('http://www.cnblogs.com')">博客园</a> // js // 使用 'window.open()' <scri

阻止a标签点击跳转刷新

这是一个所有做前端都会遇到的问题: 布局是这样的,有一个宽高100px背景为红的div,默认是display:none 隐藏状态: 给两个a标签绑定的同一个click事件,改变div的display为block:让其显示: 但是第一个a标签点击后div刚出现立马就没有了:第二个a标签点击后div会正常显示: 初遇到这个问题的时候,马虎点的童鞋可能要迷茫很久都找不到原因,而细心点就会发现是a标签点击后页面刷新了,所以闪过: 一部分童鞋始终不知道怎么阻止a标签跳转,于是就换用其他标签,避免给a标签添

jquery实现的点击可以展开折叠的垂直导航菜单

jquery实现的点击可以展开折叠的垂直导航菜单:本章节介绍一种比较常见的导航菜单是如何实现的,它具有垂直结构,点击导航主标题可以展开或者折叠二级菜单.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

使用JS或jQuery模拟鼠标点击a标签事件代码

原文 使用JS或jQuery模拟鼠标点击a标签事件代码 这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getEleme

jQuery如何实现点击下拉菜单的隐藏和显示

jQuery如何实现点击下拉菜单的隐藏和显示:在众多的网站都有这样的效果,那就是点击一个父菜单就会显示下拉子菜单,再点击父菜单,那么子菜单就会隐藏,下面就简单介绍一下如何实现此中效果.这里只介绍如何使用jQuery实现此效果,暂且不考虑效果的美观度,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" co

jQuery学习示例------点击红色方块实现左右晃动

<!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javas

jquery实现的点击页面其他地方隐藏显示的元素

jquery实现的点击页面其他地方隐藏显示的元素:在实际应用中,可能有这样的效果,那就是有这样一个弹出层,点击层本身的时候,这个层不会隐藏,而点击除去层之外的页面其他地方则会将这个层隐藏,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="