mui框架下拉刷新中a标签不能跳转

最新推荐文章于 2019-05-31 16:46:55 发布
最新推荐文章于 2019-05-31 16:46:55 发布
阅读量644 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29715077/article/details/84067885
版权

解决mui框架下拉刷新a标签跳转失效

//加入此代码

//监听tab事件，解决a标签不能跳转的问题
mui('body').on('tap', 'a', function () { document.location.href = this.href; });

 

左又
关注
专栏目录
[MUI专题] 侧滑菜单a标签跳转
算法与编程之美
08-02 430
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言侧滑是一个非常实用的选项组件，它在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框架之a标签无法跳转的问题
weixin_37511631的博客
05-11 1524
转自：https://www.cnblogs.com/mengfei001/p/6811475.html前段时间在经理那接了个支线任务，第一次接触MUI。需求：展示列表，每一个列表顶部通过点击跳转到这个li对应的详情页，展示更多内容。根据demo，<a class="mui-navigate-right" style="width:90%;color:#8E8E8E;" href="mobi...
mui下拉刷新的跳转不能实现的解决办法
朱朱家园
05-22 4081
下拉刷新可以刷新本页的 一下拉刷新本页面的过程 加下拉刷新后，发现原来添加的href链接不能用了，后来找到办法 改用下tap事件就OK了。 mui('.mui-table-view').on('tap', '.mui-table-view-cell', function () { var sId = this.getElementsByTagName
mui框架 - 解决所有a标签导航不能跳转页面问题
JERRY LI
02-08 1122
页面展示 问题描述 在开发微信公众号网页时，使用了 mui 框架的 pullRefresh 插件上拉加载更多时候，发现对于新添加的数据元素中，点击a标签进行跳转无效。 原因分析 折腾了好久，最后在窗口管理发现mui本身面向的是移动app的开发，对于页面的跳转使用的是tap事件监听，至于click事件使用了fastclick，防止点击穿透问题，所以mui事件管理支持中没有...
关于MUI框架中，“侧滑导航“之“div模式下拉菜单“的a标签（超链接）的失效问题？
草巾冒小子的博客
04-12 2575
关于MUI框架中，”侧滑导航”之”div模式下拉菜单”的a标签（超链接）的失效问题？ 截图和讲解图片的顺序如下所示： 图1 图2 · 官方的截图 图3 · 官方的截图 图4 · 官方的截图 图5 · 自定义模板的截图 主要HTML、JS代码示下： <p>···部分代码省略···</p&g...
关于用 mui框架a标签不跳转问题
webZRH的博客
05-15 511
因为mui是运行在webapp上边的，对微信网页跳转进行了禁止 //监听tap事件，解决 a标签 不能跳转页面问题 mui('body').on('tap','a',function(){document.location.href=this.href;});
mui框架手机网站模板
09-19
《深入理解mui框架：构建高效手机网站模板》 在当今移动互联网时代，手机网站的开发愈发重要，而mui框架作为一款专为移动设备设计的前端框架，因其轻量级、高性能和丰富的组件库，深受开发者喜爱。本篇文章将深度...
mui框架demo实例代码+文档齐全
07-11
《全面解析mui框架：实战案例与详尽文档》 在移动应用开发领域，mui框架以其轻量级、高效能的特点，成为...通过学习和实践"casecode-master"中的示例，开发者可以更好地掌握mui框架，从而在项目中发挥出它的最大潜力。
mui手册参考-中文.zip
07-31
**一、mui框架简介** mui是阿里巴巴Alibaba UX团队推出的一个轻量级的移动UI框架，主要针对Hybrid开发模式，提供了一套完整的UI组件和便捷的JavaScript API，使得开发者能够快速构建具有原生体验的移动应用。它兼容...
Mui a 链接失效的解决办法
weixin_30888027的博客
05-27 108
方法一： mui('body').on('tap', 'a', function() { 　　if(this.href){ //判断链接是否存在 　　　　location.href = this.href; 　　} }); 方法二： $('body').on('tap', 'a', function () { 　　if(this.href){ 　　　　location...
mui框架下拉刷新上拉加载，click事件无效的解决方法
我本名叫一休的博客
12-12 1万+
mui 下拉刷新，下拉加载。之后click事件无效的解决方法。
Mui点击a标签失效解决方案
Megamind_HL的博客
04-04 4565
一段代码轻松解决mui a标签失效问题 <script> mui('body').on('tap','a',function(){ window.top.location.href=this.href; }); </script>
mui下拉刷新 click事件无法响应问题
凡夫俗子
10-12 8656
使用mui的事件监听事件 tap mui("#refreshContainer").on('tap', '.ulDiv', function (event) { this.click(); }); 如果下拉列表项中有其他事件: mui("#refreshContainer").on('tap', '.icon-comment', function (event
使用Mui后导致A链接无法跳转解决办法
gdali的专栏
05-07 3755
一个项目里使用了mui效果很棒，唯一的问题是我想把a链接跳转到新的页面，但是mui默认是屏蔽了跳转事件。我们可以使用下面绑定tap利用js跳转。亲测有效。<script type="text/javascript" > mui('body').on( 'tap' , 'a' , function(){ document.location.href=this.href; } ) &lt...
mui框架中a标签不能跳转问题
weixin_44398917的博客
05-31 813
原因：MUI相关的一些控件是通过拦截a标签上的href来实现的，所以mui.js会阻止a标签上的href跳转，因此需使用JS对标签添加事件监听。 解决方法：（亲测有效） // 监听tap事件，解决 a标签 不能跳转页面问题 mui('body').on('tap','a',function(){ document.location.href=this.href; ...
mui中返回失效，a标签跳转失效问题
qq_38292703的博客
10-04 1354
1、返回失效 重写mui.back()方法 mui.back=function(){ // plus.webview.currentWebview().parent().evalJs('mui.back()'); plus.webview.currentWebview().close(); } 2、a标签失效 mui('body').on('tap','a', ...
mui 上拉刷新下拉加载
大海攻城狮
08-25 3091
最近多处地方用到这块的功能，顺便总结下。 1<!--下拉刷新容器--> <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron">
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值