mui-popover有bug

2024-09-05

解决Mui中popover 顶部弹出菜单弹出位置不准确以及无法收回的问题

前言最近公司的项目转向使用Hbuilder开发移动端项目,其中想要通过在顶部标题栏加入弹出菜单的方式,来定位长列表的位置,如图所示. 问题 Mui的功能貌似还不是很完善,在使用这个弹出菜单的时候,发现了一些很尴尬的问题: 目录的跳转我是通过锚点实现的,但是在跳转之前,这个菜单一切正常,一旦触发跳转,那么整个菜单就会卡住无法收回,但是跳转功能正常. 由于我的页面比较长,因而出现不在顶部使用弹出菜单时,弹出菜单位置像是不正确的情况,如图所示. 解决办法 1.问题一的解决方案对于问题一,我的解决方

mui popover 自定义弹出位置显示隐藏

mui popover 一.要显示.隐藏弹出菜单插件,mui推荐使用锚点方式. 1.页面顶部导航栏.底部工具栏固定位置 <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a id="menu" class="mui-actio

mui.ajax返回type为abort

最近在使用h5和mui开发app,发现mui.ajax有一个小bug 情况一: 参数和请求路径无误,但是总是调起失败的回调函数,打印出 type=abort (终止请求) 原因: mui.ajax默认为异步,使用时调整mui.ajax代码位置就解决了 (奇葩的情况) 情况二: 使用mui.ajax 调以成功的回调,但是返回null 但是使用jquery 的 $.ajax 却可以获得数据在网上查了许多资料,有许多人说mui.ajax 存在 bug , 建议使用 mui.post 代替

uve (mui/light7)写APP的使用心得(大坑);

话说mui这个框架的UI确实挺好看的(个人觉得)所以项目使用了他,结果里面的坑太TM多,不得不说MUI做东西太不用心了,社区不活跃,提问都没人管!; mui第一个坑: 日期选择器默认值无效:使用代码跟踪找到里面实现的方法,里面方法确实没毛病,但是callback不会执行!比如设置日期选择器默认值; picker.setSelectedValue("2018-06-06") 你会惊奇的发现:只是设置了年份的默认值代码: changeDate: function () { let opt

bootstrap的popover插件在focus模式时在Safari浏览器无法使用的bug解决方案

前言最近在使用bootstrap的popover插件,效果如下: popover插件的focus模式时表现为当点击按钮时弹出浮动层,在点击浮动层外的任何一处,都隐藏浮动层. 但是在mac下的Safari浏览器中无法弹出浮动层,bug导致原因未知,官方demo也是如此. 解决方案最后反复试验,发现一种解决方案,非常简单,即在给按钮绑定鼠标事件,然后手动触发dom的focus事件,也就连带触发了popover插件的显示事件. var $btn=$(".btn"); $btn.mouse

关于mui 中popover与下拉刷新冲突问题

最近用mui做app混合式开发时,作为一个后端开发,高前端确实有点吃了,期间遇到的问题肯定也不少.这两天app做更新,为了装逼,将更新的提示搞得好看些,用到了mui中的popover,结果把自己整死了,这东西其实不难,但是当它与另一个东西冲突时就不好整了.这不popover和下拉刷新搞上了,害我百度了半天,各种webview整半天都没效果(估计是应为我没整懂,先解决问题以后在慢慢研究).整了一个晚上想到一个笨办法,但是可以先用:就是监听popover的状态,然后对下拉做禁用和开启操作,代码如下

MUI - 解决动态列表页图片懒加载再次加载不成功的bug

首先描述一下功能实现列表页动态加载通过官方提供的"下拉刷新和上拉刷新"及"图片懒加载"示例实现. http://www.cnblogs.com/phillyx/ 然后说一下bug 首次加载时图片可以获取成功, 再次加载失败,通过chrome调试发现img 的 data-lazyload 属性没改变调试的时候发现了bug $.fn.imageLazyload = function(options) { var lazyloadApis = []; this.ea

mui中confirm在苹果出现bug，confirm点击确定跳转页面再返回后，页面被遮罩盖住无法使用

项目中使用confirm mui.confirm('您还未抽奖,现在去抽奖吗?', function (res) { if (res.index === 1) { window.location.href = Url} }) 安卓手机没有问题,但苹果手机中点击“确认”跳转页面后,点击返回,返回的页面无法滚动,也无法点击任何元素.(点击确认按钮曾经出现的位置,发现页面还会跳转,说明确认按钮还在页面中) 解决办法 mui.confirm('您还未抽奖,现在去抽奖吗?', function (res)

报bug mui分享微信，qq 分享失败

1. iOS分享链接到微信,分享成功,但是分享的只有title,其他参数都没有原因是mui分享进行了更新,msg新增了 msg.type 这个配置参数 qq : msg.type='text' 微信 : msg.type=‘web’ 2. iOS分享大图到微信和QQ失败: 分享到微信返回:{"message":"[Share微信:-95]未知错误,http://ask.dcloud.net.cn/article/287","code":-100

mui之上拉刷新和mui-content结合解决ios上拉不回弹的bug

打电话.发短信 https://blog.csdn.net/itguangit/article/details/78210770

MUI简介-最接近原生App体验的前端框架

MUI简介-最接近原生App体验的前端框架一.总结一句话总结:最接近原生App体验的前端框架二.多端发布 – 开发一套代码,发布六个平台真正彻底的跨平台开发,不是简单的跨iOS和Android. 基于mui,一套HTML5工程,通过前端构建工具(如grunt)条件编译,可同时发行到iOS Appstore.安卓各大应用商店.普通手机浏览器.微信App和流应用. 并且在每个平台上,都能调用该平台的专有API达到原生体验. 三.MUI介绍 1.1 MUI是什么,解决了什么问题. (1)性能和

mui初级入门教程（四）— 再谈webview，从小白变“大神”！

文章来源:小青年原创发布时间:2016-06-05关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160605 写在前面写这篇文章之前先吐吐槽,因为是学生,不想用父母辛辛苦苦挣的钱买什么苹果手机,因为确实贵,本人至今用的还是去年买的魅蓝note 1(虽然已经很久了,但是没办法啊,舍不得花钱换.),前段时间项目钱收到了本来想换手机的,但是想了想还是先省一省,过几个月开始实习了再看吧!(哈哈,如果

mui消息框alert，confirm，prompt，toast

mui事件绑定和可以用的js dom操作方法

Hbuilder MUI 选择器（Picker）设置默认选项

mui 联动选择初始化很多人都遇到问题,就是setselectedvalue 不好用,实际上这个地方应该是有bug的所以只能用setselectedindex 来实现下面我是我的实现方式供大家参考: <script> (function($, doc) { $.init(); $.ready(function() { //----------------------------------------- // //级联示例 var cityPicker3 = new $.PopPicker

bootstrap-datetimepicker.js 设置开始时间的Bug。

原地址:http://www.malot.fr/bootstrap-datetimepicker 修改的地方有三处: 1. var months = this.setTitle('.datetimepicker-months', year) .end() .find('span').removeClass('active'); 修改为: var months = this.setTitle('.datetimepicker-months', year) .end() .find('span.mo

美团(iPad)顶部界面的简单实现, 及开发时常见bug

项目功能介绍:1.支持横竖屏旋转,界面正常显示2.通过点击界面顶部"美团",可展示出左右双tableView分别显示服务类列表和子类列表3.通过点击界面顶部"广州",可展示出左右双tableView分别显示所在城市区域和详细地址4通过点击界面顶部"排序",可展示出所选服务项目的排序列表并选择详细代码请前往: https://git.oschina.net/null_248_6948/Metuan-for-iPad 一.美团(界面搭建) #01.

MUI（4）

今天感觉无聊,想听一首音乐.没有添加其他页面,只是在index_list.html页面进行代码添加而已. <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,min

MUI（3）

本篇博文是继续上篇博文MUI(2).上面这幅图是博文MUI(1)中实现的效果,在博文MUI(1)中提到了2个页面,一个页面是index.html,另一个页面是index_list.html页面.上面这幅图中红色框子是index.html页面,蓝色框子是index_list.html页面.两个页面本来是独立的两个页面,但是组合在一起之后就形成了如上面这幅图所示的效果.在一个页面中显示另一个页面. 实现方法很简单, <script type="text/javascript" cha

MUI - Dialog 提示窗

Mui基本简介 MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K MUI的开发手册和下载地址 http://dev.dcloud.net.cn/mui/ui/ https://github.com/dcloudio/mui 建议加入该样式: .mui-popup{position: fixed;} Dialog 提示窗效果类似 alert . confirm . prompt . Msg,样式与IOS高度相似 //提示警告框alert document.getEl

mui-popover有bug

热门专题