基于Python实现MUI侧滑菜单a标签跳转
作者:衡辉 发布时间:2021-06-12 22:49:22
本文转自微信公众号:"算法与编程之美"
1、前言
侧滑是一个非常实用的选项组件,它在Android App
应用中非常广泛,常见的场景有:下拉刷新,侧滑抽屉,侧滑删除,侧滑返回以及侧滑菜单等。就是因为侧滑应用太过于广泛,它所带来的问题也是应接不暇。
2、问题描述
在实际操作过程中,实现侧滑菜单带来了那么一个问题,侧滑菜单已经实现,但是侧滑导航的子选项卡里的内容要如何实现跳转,通常想到的办法便是建立<a>
标签选项卡进行herf
的添加进行跳转,在一般情况下,我们当然可以利用a
标签herf
的跳转,但是那是大多数情况,在实际操作中,这种情况还经常发生,并且很少有解决的方法,所以小编在此便是通过这篇文章进行帮助解决。
3、解决方案
我们知道MUI提供两种侧滑导航实现:div
模式和webview
模式
Webview
模式是根据单独的菜单框架填写内容,它所构成的菜单是一个独立菜单区域并且webview
模式下的菜单区域不会影响主菜单的内容,滑动的实用性非常高
div
模式则是根据主页面来创建的一个菜单区域,它和主页面都同时处于一个webview
中,所以它是可以拖动手势进行切换到菜单区域,并且可以通过JS
轻松实现交互。
那么本篇文章便是针对div
模式下的侧滑菜单进行解决,创建一个侧滑导航区域。
我们上面提到div
模式下侧滑菜单可以通过JS实现交互,那么这里的侧滑导航内容便可以利用JS解决<a>
标签无法通过herf
实现跳转。(同时在网上查找到另一种方法也可实现.)
具体代码如下:
方法一:
mui('body').on('tap','a',function(){
window.top.location.href=this.href;
});
方法二:
mui('#menu').on('tap','li a',function(){
// 获取地址
var href = this.getAttribute('href');
mui.openWindow({
id: 'new',
url: href
})
})
4、结语
在一般浏览器运行时,MUI
判断到没有plus
环境,herf
可以用做跳转,但是在实际的Android App
运行中,就不能,所以可以通过以上的JS实现,
同时需要注意:JS代码放在boby内容的下方才能实现。
猜你喜欢
- 本文实例讲述了php7 图形用户界面GUI 开发。分享给大家供大家参考,具体如下:一、下载指定系统扩展http://pecl.php.net
- 本文实例讲述了javascript二维数组转置的方法。分享给大家供大家参考。具体实现方法如下:<script language=&qu
- 远程连接oracle只用PLSQLDeveloper客户端,不配置tnsnames.ora文件在PL/SQL中填写:1.UserName:用
- 在蓝色看到的几个js日历代码,整理了一下。大家可以用在blog上,或者可以用在表单的日期类型的数据选择中,方便大家填写日期。1.动感的日历,
- This is a {t}. {name}是一个很强大的字符串模板解析方法。它接受三个参数,分别是{args.text},{args.obj
- 一、前言在多进程中,每个进程之间是什么关系呢?其实每个进程都有自己的地址空间、内存、数据栈以及其他记录其运行状态的辅助数据。下面通过一个例子
- 本文实例讲述了php绘制圆形的方法。分享给大家供大家参考。具体实现方法如下:php绘图的基本步骤,有四步(php.ini里的 extensi
- 用yum更新PHP,只需用一条命令就可以搞定: #yum update php 但问题来了,使用此命令后,系统告诉我,没有发现可更新的包。而
- 以前看过有人转换过的,当时仅仅惊叹了一下,就过去了,没有记下来,直至于用到的时候呢,开始到处找,找来找去都没有找不到痕迹了,心里也就郁郁寡欢
- 在多线程中使用lock可以让多个线程在共享资源的时候不会“乱”,例如,创建多个线程,每个线程都往空列
- context 有什么作用context 主要用来在goroutine 之间传递上下文信息,包括:取消信号、超时时间、截止时间、k-v 等。
- PHP hex2bin() 函数实例把十六进制值转换为 ASCII 字符:<?php echo hex2bin("48656
- 在很多情况下,我们可能需要控制某一段代码只执行一次,比如做某些初始化操作,如初始化数据库连接等。 对于这种场景,go 为我们提供了 sync
- 看看下面的w3 upload组件例子,很简单: upload.asp<html> <head>
- 我参与了IE7的开发过程,看到了在IE浏览器中形形色色使用MSXML的方法。显然有一些东西困扰着开发者:MSXML“混乱”的版本以及如何创建
- golang 1.7版本中context库被很多标准库的模块所使用,比如net/http和os的一些模块中,利用这些原生模块,我们就不需要自
- 1 栈的概念栈由一系列对象对象组织的一个集合,这些对象的增加和删除操作都遵循一个“后进先出”(Las
- 如果你正在负责一个基于SQL Server的项目,或者你刚刚接触SQL Server,你都有可能要面临一些数据库性能的问题,这篇文章会为你提
- 一、背景:nginx 的log 不会自动按天备份,而且记录时间格式不统一,此程序专门解决这两个问题;二、windows 部署方式1.在 ng
- 在刚过去不久的6月30日那天,国外一位在YouTube拥有上千万粉丝的我的世界游戏主播Technoblade因癌症与世长辞,年仅23岁,他并