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

栏目: JavaScript · 发布时间: 5年前

内容简介:picker 添加年插件问题总结4.setData后 在show()调用前重新赋值添加新的元素只能添加值 没有对应的html片段5.单页时由于下拉刷新只能在页面内使用一次 再次使用会造成冲突 两者均不可用

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在项目中使用时遇到的问题的个人总结》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Windows 程序设计:第5版

Windows 程序设计:第5版

CharlesPetzold / 北京博彦科技发展有限公司 / 北京大学出版社 / 2003-11-1 / 160.00元

Windows程序设计(第5版)对于Windows程序员来说,“从 Charles 的(Windows程序设计)一书中寻找答案。”几乎成了一句至理名言。而(Windows程序设计》第5版是专门为在Microsoft Windows 98、Microsoft Windows NT 4和 Windows NT 5下编程的开发人员编写的。内容博大精深,并有大量的源代码来帮助读者掌握Windows编程。本......一起来看看 《Windows 程序设计:第5版》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具