MUI解决a标签不能跳转的问题

最新推荐文章于 2021-08-24 11:55:50 发布
原创 最新推荐文章于 2021-08-24 11:55:50 发布 · 255 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mui

本文探讨了使用MUI框架进行页面跳转的优化方案，通过修改默认行为实现更流畅的用户体验。介绍了一种利用JavaScript操作window.top.location.href属性的方法，替代原有的链接点击事件，确保页面跳转更加高效。 

mui('body').on('tap','a',function(){
          window.top.location.href=this.href;
   });

 

[MUI专题] 侧滑菜单a标签跳转
算法与编程之美
08-02 647
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言侧滑是一个非常实用的选项组件，它在Android App应用中非常广泛，常见的场景有：下拉刷...
webview[detail] does not exist【BUG解决】【MUI+VUE】
一键难忘的博客
04-12 721
一，前言 使用了开源的Mui仿知乎日报的模块。 该模块实现的功能：知乎日报阅读。日报评论的查看。 二，bug处理 在将天下事模块移入之前的项目中的时候遇到一个严重的报错： webview[detail] does not exist 初步检测为：js/mui.min.js的问题 因为目前的主页设计为下部导航栏选项卡的优先级为最高，打开的页面都已嵌入式的方式嵌入页面，导致天下事模块的遮罩层与底部选项卡冲突，导致报错。 主要是因为：定义这个webview页面优先级冲突问题导致。 2.1，bug解决 基础设计
MUI框架底部选项卡a标签无法跳转
qq_29715077的博客
08-02 1585
移动端 mui(‘body‘).on(‘tap‘,‘a‘,function(){document.location.href=this.href;}); 电脑版 mui(‘body‘).on(‘click‘,‘a‘,function(){document.location.href=this.href;});
使用mui框架后a标签无法跳转
weixin_30731287的博客
06-01 152
由于最近工作项目上使用到前台mui框架，笔者在将H5转换为jsp时，遇见各种各样问题，原因归结为对mui框架不熟悉，今天就遇见一个特别奇怪的问题，界面中超链接<a>标签无法跳转，笔者试着添加点击事件，但效果依然是无法跳转，查资料发现mui搞得鬼； 我的代码主要是下边代码搞得鬼： //删除出行人mui('body').on('tap','.business_icon_remove...
解决mui框架跳转问题
12-20
暴力解决mui框架跳转问题，如果会影响页面其他跳转问题可在a表情中添加js代码
mui框架之a标签无法跳转的问题
weixin_30510153的博客
05-05 153
最近在mobile的项目中用到了mui前端框架，自己先学习了一下，感觉功能挺全，因为要开发m站，就选择用了mui的前端h5的框架，由于是第一次用到，难免会踩坑。 要实现这样一个产品的列表，由于要分页，就很自然想到了用上拉加载的效果，mui的上拉加载是用两个页面实现的，一个主页面，然后内容页面用iframe加载的， 产品的每一个item点击是要跳转到详情页面的，刚开始很奇怪，用a标签包...
关于用 mui框架a标签不跳转问题
webZRH的博客
05-15 569
因为mui是运行在webapp上边的，对微信网页跳转进行了禁止 //监听tap事件，解决 a标签 不能跳转页面问题 mui('body').on('tap','a',function(){document.location.href=this.href;});
mui得的toolpad中<AppProvider navigation={menu}，如何链接直接跳转到外部链接
最新发布
03-24
但在Toolpad的菜单项中，可能不允许直接使用a标签，而是通过某种配置方式指定链接类型。 可能有两种方法：一种是设置path为外部URL，并配置其他属性来指示这是外部链接；另一种是使用onClick事件处理函数，通过...
MUI底部导航栏切换
ruoyan8899的博客
08-24 900
项目场景： 使用MUI框架做一个手机端页面 问题描述： MUI框架的“底部选项卡-div模式”页面，导航切换的页面都放到了导航页，想单独各自页面分开展示，使用<a>标签的href属性又不起作用 <nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active" id="home" href="index-Workers.html"> <span class="mu...
h5+mui分享调起app跳指定页面
mengmeng1_的博客
01-11 1337
要先了解到URLScheme的作用 我们都知道苹果手机中的APP都有一个沙盒，APP就是一个信息孤岛，相互是不可以进行通信的。但是iOS的APP可以注册自己的URL Scheme，URL Scheme是为方便app之间互相调用而设计的。我们可以通过系统的OpenURL来打开该app，并可以传递一些参数。URL Scheme必须能唯一标识一个APP，如果你设置的URL Scheme与别的APP的UR...
mui框架a标签无法跳转的问题
weixin_42477229的博客
12-04 668
最近在开发一个项目，其中有个页面使用了mui的前端框架，样式看起来与其他页面差别不大，但是存在a标签链接无法跳转的问题。 后来经过搜索，发现了解决方案 mui('body').on('tap','a',function(){ window.top.location.href=this.href; }); 不需要修改，直接在对应的HTML中添加script标签，加入以上代码即可。 ...
mui框架移动端a标签不跳转问题
happyforever的博客
06-30 5661
mui使用的时候会将所有的a标签的href屏蔽，从而导致移动端不能正常跳转。（PC端和微信可以跳转）解决方法一 之事件委托： mui(‘body’).on(‘tap’,’a’,function(){ window.top.location.href=this.href; });解决方法二 之自定义事件： window.location.href = “”;解决方法三 之引入一段
mui 解决a 标签 href无效问题
gc025的专栏
10-07 2896
&lt;script&gt; mui('body').on('tap','a',function(){ window.top.location.href=this.href; }); &lt;/script&gt;
【网寻】mui - 点击事件
weixin_33670786的博客
07-26 170
//本来是需要这样的，结果点击无响应 $(".mui-control-item").on("click",function(event){ alert(1) }); //换成以下就可以了，$(".top-menu-list") 为本来的事件源的父级,此父级需要是一开始就存在的dom结构，而非动态添加 $(".top-menu-li...
MUI框架a链接href跳转失效解决方法，解决MUI页面不会滚动的方法
tiankongxiao的博客
01-10 899
//解决 所有a标签 导航不能跳转页面 mui('body').on('tap','a',function(){document.location.href=this.href;}); //解决MUI页面不会滚动的方法 (function($){ $(".mui-scroll-wrapper").scroll({ bounc...
关于mui框架中onclick、href标签失效问题
热门推荐
dutong0321 -- 追寻计算机中的神灵
03-06 1万+
MUI框架我觉得是个不错的框架，至少在移动端用起来还是很不错的，减少很多的工作量。不过在使用的时候需要注意2点： 1.滚动页面时需要采用MUI中的方法滚动，因为今天没有遇到，以后可能会总结的写一些。 2.onclick/href方法失效。 关于onclick、href方法失效，还并不是完全失效，有的地方可以用，同一个地方有的浏览器也可以用，甚至同一个地方同一个浏览器多点几次也有时候有效，很坑...
MUI框架a链接href跳转失效、使用jquery之后click方法失效问题
流都的博客
05-15 3738
一、使用jquery之后click方法失效问题     怎么点都没效果，还以为我哪里写错了，纠缠了好久，然后发现点边边可以有效,只好搜索了半天关键词，原来：mui框架屏蔽了click方法屏蔽了&lt;a&gt;链接href跳转（吃多了吧……顺便吐槽一下mui的api，做的毫无重点，还没实例，自己屏蔽了东西也不说清楚）来自网上的大神们的解决方法★ 解决方法1：直接绑定mui("#fuji").on(...
mui中a标签跳转问题
abwkq的专栏
05-01 3611
最近在看mui时，遇到标签跳转不成功，下面给出了一些解决方案 1.如果只是手机版，解决导航a标签不能跳转页面可以 mui('body').on('tap','a',function(){document.location.href=this.href;}); 2.如果还有电脑版的话，解决导航a标签不能跳转页面就要用 mui('body').on('click','a',fu
Mui点击a标签失效解决方案
Megamind_HL的博客
04-04 4641
一段代码轻松解决mui a标签失效问题 &lt;script&gt; mui('body').on('tap','a',function(){ window.top.location.href=this.href; }); &lt;/script&gt;
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值