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片断时 闭合标签须要不换行拼接，或者换行使用转义符进行拼接。

对页面功能进行调整后，功能函数耦合度要同时尽量下降耦合度，减小页面功能修改时其余受影响函数的修改。