MUI在项目中使用时遇到的问题的个人总结

picker 添加年插件问题总结

  1. 取消按钮点击事件无法获取

    可以获取到取消按钮标签和确定按钮标签

    但是只能获取去顶按钮事件,取消点击事件无法获取

    通过判断picker的display状态也不能确认此事件

  2. lable标签无法绑定事件

    这时需要添加一个单独全选按钮时

    可以在herder内添加一个按钮

  3. 调用同一picker会保存一部分数据不清除

    可以在picker.dispose()结束时判断第一个picker是否已经调用,

    如果第一个picker调用了 判断函数内重新生成新的picker ,

    存储新的数据 ,这时就可以 最后清除这个picker

4.setData后 在show()调用前重新赋值添加新的元素只能添加值 没有对应的html片段

可以在setData前把data存储到一个变量内 进行修改后再传入setData

5.单页时由于下拉刷新只能在页面内使用一次 再次使用会造成冲突 两者均不可用

只在首页面使用 或者像mui库示例一样 跳转到新页面 双webview

6.picker蒙层点击禁止事件无法绑定

可以获取到此蒙层点击事件,但是无法阻止默认事件

可通过点击后删除此蒙层,再次调出此picker display = block

生成一个自定义蒙层 判断点击事件是否在蒙层上 添加私有class

生成前先判断是否有此class蒙层 有则先移除removeChild

减少在页面新生的元素 每当点击到蒙层就先删除原私有蒙层

再创建新私有蒙层 以此模拟禁止蒙层点击事件

7.模拟禁止蒙层会同时影响其他蒙层效果 如折叠框蒙层

重新给折叠框蒙层添加事件 先判断其display 值 none 或者 null;

首次点击可能已经被模拟禁止清除 此时为空值

剩下的根据display状态修改即可

8.360浏览器兼容模式模拟IE浏览时JQ的AJAX请求GET类型不能正常执行,使用POST请求。

9.IE EDGE下Iframe标签渲染问题可以使用META调整至IE低版本渲染模式。

10.mui返回按钮不支持通过window.open打开的页面 可以使用window.location.href打开新页面,能够直接使用。

11.onbeforeunload事件,除IE完全支持至修改返回内容外 ,其余浏览器均不支持。查到相关内容大致原因如下: 此机制避免某些开发者通过监听此事件,阻止用户离开页面,做些不一道德的事情。仅对想要在用户关闭页面时还执行各种操作阻止用户关闭操作的PM表示,咳咳咳。。。


mui返回按钮返回mui可滑动单页面套用时需要严格按照demo模板静态HTML层进行修改 不需要的内容可以通过z-index覆盖隐藏。

mui遮罩在手机端容易出现不能正常显示的问题,使用原生js和html生成遮罩效果。

JS拼接HTML片段时 闭合标签需要不换行拼接,或者换行使用转义符进行拼接。

对页面功能进行调整后,功能函数耦合度要同时尽可能降低耦合度,减少页面功能修改时其他受影响函数的修改。

你可能感兴趣的:(mui,html5,兼容性问题)