关于用 mui框架a标签不跳转问题

最新推荐文章于 2020-04-20 10:03:39 发布
最新推荐文章于 2020-04-20 10:03:39 发布
阅读量547 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/webZRH/article/details/72123541
本文介绍了一种解决MUI框架在WebApp环境下a标签无法正常跳转的方法，通过监听tap事件并使用document.location.href来实现页面跳转。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为mui是运行在webapp上边的，对微信网页跳转进行了禁止

//监听tap事件，解决 a标签 不能跳转页面问题

mui('body').on('tap','a',function(){document.location.href=this.href;});
个人看法
关注
[MUI专题] 侧滑菜单a标签跳转
算法与编程之美
08-02 513
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言侧滑是一个非常实用的选项组件，它在Android App应用中非常广泛，常见的场景有：下拉刷...
MUI框架使用指南
热门推荐
Leo扶风的博客
02-08 1万+
MPAS混合模式前端框架分析： 一、MUI 框架（前端UI框架） （一）MUI框架介绍与优劣势分析： 1.MUI基本介绍 MUI是一套前端框架，由DCLOUD公司研发而成，提供大量H5和js语言组成的组件，大大提高了开发效率，可以用于开发web端应用、web APP、混合开发等应用。利用MUI框架，用户在使用APP时可以得到接近原生APP的操作体验。 2.优缺点分析 优势： 目前的A...
解决mui框架跳转问题
12-20
暴力解决mui框架跳转问题，如果会影响页面其他跳转问题可在a表情中添加js代码
mui框架中a标签不能跳转问题
weixin_44398917的博客
05-31 911
原因：MUI相关的一些控件是通过拦截a标签上的href来实现的，所以mui.js会阻止a标签上的href跳转，因此需使用JS对标签添加事件监听。 解决方法：（亲测有效） // 监听tap事件，解决 a标签 不能跳转页面问题 mui('body').on('tap','a',function(){ document.location.href=this.href; ...
mui 框架：a标签无法跳转 - 解决篇
草巾冒小子的博客
12-26 1265
MUI框架导致a标签失效无法点击？ mui框架之a标签无法跳转的问题？ 关于mui中ul列表需要点击多次生效的问题？ https://www.cnblogs.com/mengfei001/p/6811475.html https://blog.youkuaiyun.com/wugezi/article/details/88368794 ...
mui组件（a标签href）点击不跳转 - 解决篇
草巾冒小子的博客
04-03 2840
文章目录mui组件（a标签href）点击不跳转 - 解决篇mui相关组件 · 截图说明项目案例 · 截图示下：解决办法：1. 部分js代码（主要代码如下） mui组件（a标签href）点击不跳转 - 解决篇 mui相关组件 · 截图说明 mui组件：“div模式下拉菜单” （如下图 · 左） mui组件：“侧滑导航” （如下图 · 右） 项目案例 · 截图示下： mui框架本...
mui解决 所有a标签 导航不能跳转页面
阳光下的木子林的博客
09-27 1万+
//解决 所有a标签 导航不能跳转页面 mui('body').on('tap','a',function(){document.location.href=this.href;});
mui初步应用（二） 页面跳转和参数传递问题
管它是人是狐还是萨摩耶的博客
08-26 1936
继续申明小白（希望有天可以自信的说是大佬 - -） 网上的各种页面跳转和参数传递相关文章太多，我就说些自己遇到的吧，没总结到没关系，以后慢慢改。。   一、页面跳转： 那啥 a标签跳转就不用说了吧- - 我还真试了 就是参数不好传。。 然后选择了点击事件，主要看里面的    mui.openWindow(） //拣货click事件             $("#jianhuo").o...
学习mui框架的仿小米商城模板教程
- **学习性**: 由于商城模板属于复杂的界面结构，其涵盖了mui框架中涉及的大部分知识点，包括但不限于布局、动画、列表、分页、网络请求等，非常适合作为学习mui的实践案例。 - **调试性**: 开发者可以利用该模板...
HTML5开发APP-框架MUI（仿支付宝案例）
07-11
本案例将深入探讨如何使用MUI框架来开发一个类似支付宝的移动应用。 首先，了解MUI的基本结构至关重要。MUI的核心组件包括布局、导航、表单、媒体元素等，这些都遵循了iOS和Android的设计规范，使得Web App能够拥有...
mui框架下拉刷新中a标签不能跳转
qq_29715077的博客
11-14 667
解决mui框架下拉刷新a标签跳转失效 //加入此代码 //监听tab事件，解决a标签不能跳转的问题 mui('body').on('tap', 'a', function () { document.location.href = this.href; });  ...
mui框架之a标签无法跳转的问题
weixin_30510153的博客
05-05 139
最近在mobile的项目中用到了mui前端框架，自己先学习了一下，感觉功能挺全，因为要开发m站，就选择用了mui的前端h5的框架，由于是第一次用到，难免会踩坑。 要实现这样一个产品的列表，由于要分页，就很自然想到了用上拉加载的效果，mui的上拉加载是用两个页面实现的，一个主页面，然后内容页面用iframe加载的， 产品的每一个item点击是要跳转到详情页面的，刚开始很奇怪，用a标签包...
MUI解决a标签不能跳转的问题
黑猫警长博客
08-28 236
mui('body').on('tap','a',function(){ window.top.location.href=this.href; });
mui下a标签href失效问题，以及a标签的其他小坑。
zhengxue_er
12-04 2973
最近做手机端引用了mui框架，结果初次使用就被a标签坑了一把。a标签不能正确的跳转页面。 原因是mui相关的一些控件是通过拦截a标签上的href来实现的，所以mui.js会阻止a标签上的href跳转，因此需使用JS对标签添加事件监听。 解决方式是添加如下js代码： mui('body').on('tap','a',function(){ window.top.location
关于mui的a标签在一些平板设备点击失效问题
愿天下没有bug
04-20 496
问题 在tab页的a标签中，有些平板或者电脑设备可以支持触屏加鼠标的方式点击，但是会造成鼠标点击无法响应的问题。 原因 原因是事件触发的时间间隔问题，用鼠标点击时会有300ms的延迟，无法触发tap事件 解决方案 本来想通过jq的 trigger（‘tap’） 的方式触发点击，但是这似乎只能触发绑定在元素的tap监听，所以要使用原生的事件触发 第一种 $('a.mui-control-item')...
mui框架移动端a标签不跳转问题
happyforever的博客
06-30 5637
mui使用的时候会将所有的a标签的href屏蔽，从而导致移动端不能正常跳转。（PC端和微信可以跳转）解决方法一 之事件委托： mui(‘body’).on(‘tap’,’a’,function(){ window.top.location.href=this.href; });解决方法二 之自定义事件： window.location.href = “”;解决方法三 之引入一段
MUI框架底部选项卡a标签无法跳转
qq_29715077的博客
08-02 1559
移动端 mui(‘body‘).on(‘tap‘,‘a‘,function(){document.location.href=this.href;}); 电脑版 mui(‘body‘).on(‘click‘,‘a‘,function(){document.location.href=this.href;});
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值