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

最新推荐文章于 2020-04-20 10:03:39 发布
原创 最新推荐文章于 2020-04-20 10:03:39 发布 · 569 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决MUI框架在WebApp环境下a标签无法正常跳转的方法，通过监听tap事件并使用document.location.href来实现页面跳转。

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

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

mui('body').on('tap','a',function(){document.location.href=this.href;});
个人看法
关注
[MUI专题] 侧滑菜单a标签跳转
算法与编程之美
08-02 647
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言侧滑是一个非常实用的选项组件，它在Android App应用中非常广泛，常见的场景有：下拉刷...
mui初步应用（二） 页面跳转和参数传递问题
管它是人是狐还是萨摩耶的博客
08-26 1973
继续申明小白（希望有天可以自信的说是大佬 - -） 网上的各种页面跳转和参数传递相关文章太多，我就说些自己遇到的吧，没总结到没关系，以后慢慢改。。   一、页面跳转： 那啥 a标签跳转就不用说了吧- - 我还真试了 就是参数不好传。。 然后选择了点击事件，主要看里面的    mui.openWindow(） //拣货click事件             $("#jianhuo").o...
mui框架中a标签不能跳转问题
weixin_44398917的博客
05-31 932
原因：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 1295
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 2890
文章目录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框架下拉刷新中a标签不能跳转
qq_29715077的博客
11-14 684
解决mui框架下拉刷新a标签跳转失效 //加入此代码 //监听tab事件，解决a标签不能跳转的问题 mui('body').on('tap', 'a', function () { document.location.href = this.href; });  ...
学习mui框架的仿小米商城模板教程
- **学习性**: 由于商城模板属于复杂的界面结构，其涵盖了mui框架中涉及的大部分知识点，包括但不限于布局、动画、列表、分页、网络请求等，非常适合作为学习mui的实践案例。 - **调试性**: 开发者可以利用该模板...
MUI框架文档详解及其应用指南
综上所述，MUI 不仅仅是一个简单的 CSS 框架，而是一个集成了 UI 设计规范、交互逻辑封装、性能优化策略于一体的完整移动端开发体系。它将复杂的前端工程问题简化为可配置、可组合的模块单元，使开发者能够专注于...
基于MUI框架开发的移动端商城前端源码
“以前用mui写的商城前端代码”这一标题和描述明确指出了该资源是一套基于MUI框架开发的移动端商城类Web应用的前端源码项目。结合标签中的关键词如“MUI”、“前端”、“商城”、“移动开发”、“HTML、CSS、...
解决mui框架跳转问题
12-20
暴力解决mui框架跳转问题，如果会影响页面其他跳转问题可在a表情中添加js代码
mui框架之a标签无法跳转的问题
weixin_30510153的博客
05-05 153
最近在mobile的项目中用到了mui前端框架，自己先学习了一下，感觉功能挺全，因为要开发m站，就选择用了mui的前端h5的框架，由于是第一次用到，难免会踩坑。 要实现这样一个产品的列表，由于要分页，就很自然想到了用上拉加载的效果，mui的上拉加载是用两个页面实现的，一个主页面，然后内容页面用iframe加载的， 产品的每一个item点击是要跳转到详情页面的，刚开始很奇怪，用a标签包...
MUI解决a标签不能跳转的问题
黑猫警长博客
08-28 255
mui('body').on('tap','a',function(){ window.top.location.href=this.href; });
mui 拦截A标签跳转，并进行处理
ASP.NET
11-09 784
$('a').click(function(e){ e.preventDefault(); // 阻止默认事件 if(app){ mui.OpenWindow($(this).attr('href')); }else{ // 通过浏览器访问 location.href = $(this).attr('href'); ...
mui下a标签href失效问题，以及a标签的其他小坑。
zhengxue_er
12-04 2998
最近做手机端引用了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 524
问题 在tab页的a标签中，有些平板或者电脑设备可以支持触屏加鼠标的方式点击，但是会造成鼠标点击无法响应的问题。 原因 原因是事件触发的时间间隔问题，用鼠标点击时会有300ms的延迟，无法触发tap事件 解决方案 本来想通过jq的 trigger（‘tap’） 的方式触发点击，但是这似乎只能触发绑定在元素的tap监听，所以要使用原生的事件触发 第一种 $('a.mui-control-item')...
mui中如何同时监听多个相同的标签
waiter_lee的博客
05-23 2626
html代码： 张清心15032745322北京市海淀区学院路28号 js代码： 对span标签中的数据进行监听 mui(".mui-table-view-cell").on('tap','span',function(){                   mui.openWindow({ url: 'fill_adress.html?
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值