mui框架 - 解决所有a标签导航不能跳转页面问题
2018-02-08 12:00
375 查看
页面展示
问题描述
在开发微信公众号网页时,使用了 mui 框架的 pullRefresh 插件上拉加载更多时候,发现对于新添加的数据元素中,点击a标签进行跳转无效。原因分析
折腾了好久,最后在窗口管理发现mui本身面向的是移动app的开发,对于页面的跳转使用的是tap事件监听,至于click事件使用了fastclick,防止点击穿透问题,所以mui事件管理支持中没有click事件。而且进一步查看mui.js源码可以看到封装了事件委托对象绑定的事件回调,其中就包括了tap, 注意下面代码颜色较深的地方对于阻止链接跳转,一般两种方式
return false;之后的所有触发事件和动作都不会被执行
传参调用js事件阻止, e.preventDefault()
解决方法
在页面js中添加如下代码mui('body').on('tap','a',function(){ document.location.href=this.href; });
相关文章推荐
- js不能跳转到上一页面的问题解决方法
- 解决sitemesh3装饰页面不能使用freemarker标签问题
- php页面跳转session cookie丢失导致不能登录等问题的解决方法
- mui框架跳转新页面的参数问题
- mui解决跳转到页面返回不刷新问题
- 解决struts2 acton redirect 后不能刷新的问题 另:实现页面框架局部刷新的方法
- 解决TabActivity中子页面不通过导航跳转到还有一个页面的问题
- js不能跳转到上一页面的问题解决方法
- ASP.NET自定义控件的BUG在ASPX页面中注册控件后不能打出标签的问题(本人已解决)
- struts.xml中result标签不能跳转到指定页面问题
- php页面跳转session cookie丢失,不能登录等问题解决方法
- 如何解决win10自带microsoft edge出现打不开标签页、打开标签页后闪退、新建标签页后卡死、页面跳转后打不开新页面并且原页面自己重复刷新等问题
- php页面跳转session cookie丢失导致不能登录等问题的解决方法
- 解决同一个页面不能跳转的问题
- Session过期后,退出框架,解决转向的页面还在框架里面的问题
- Zend框架不能打开页面的问题(404错误)
- Struts2下进行html转义的方法(解决页面输出html标签问题)
- struts2.1.6 s:datetimepicker标签不能使用的问题解决
- [导入]解决JS页面跳转ie,firefox,opera不兼容问题
- Struts2.0页面跳转css无效问题的解决方法