最近做的一个小demo,在添加Dialog的时候出现了对话框显示的问题,如下左图所示。

一开始以为自己的写的CSS文件影响了,注释掉还是这个问题,所以问题指向很明确了,是官方weui.css的问题。但是官方demo里的运行是正常显示的。

  

index.jsp页面引入了weui.css还有jquery-weui.css

一般使用jQuery WeUI时也需要依赖weui.css的,所以在jQuery WeUI解压后的dist/lib还会提供对应的weui.css

我的demo里用的 weui.css 是 v2.1.3 ,而jQuery WeUI依赖的这个weui.css 是 v1.1.3,由于版本不一致,导致页面显示不兼容

解决办法也很简单,直接替换成可兼容的weui.css即可,但是现在发布的jQuery WeUI版本是比WeUI要低一个版本的,所以页面显示会有点点差异,如果不想修改页面其他元素的样式,又想保证Dialog正常显示,可以直接把上图里那段.weui-dialog替换或者修改一下位置。

               

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题相关推荐

  1. weui和jquery weui关系

    这个是自己写了一个测试的jquery weui 刚开始很困惑,link引入了weui和jquery-weui,这两个是什么关系呢?为什么引入这两个css库呢? 通过查找,找到些眉目了, jquery ...

  2. eaysUI版本兼容问题

    感谢各位大神关于这个问题的研究: 关于Easyui和JQuery的版本兼容IE8的问题记录 1,最后支持IE8及以下版本的是JQuery1.9 2,最后支持IE8及以下的Easyui是1.3.2,其对 ...

  3. FastAdmin扩展PHPEXCEL,PHP7.3高版本兼容问题

    THINKPHP扩展PHPEXCEL与PHP7.3高版本兼容问题 框架:THINKPHP5,PHPEXCEL版本:1.81 无法导出EXCEL原因为Shared/OLE.php第290行使用conti ...

  4. 解决Linux动态库版本兼容问题

    说道"动态库版本兼容",很多人头脑中首先蹦出的就是"Dll Hell".啊,这曾经让人头疼的难题.时至今日,这个难题已经很好地解决了.   在进一步讨论之前来思 ...

  5. mysql ef6 您的项目引用了最新版_您的项目引用了最新实体框架;但是,找不到数据链接所需的与版本兼容的实体框架数据库 EF6使用Mysql的技巧...

    转载至: http://www.cnblogs.com/Imaigne/p/4153397.html 您的项目引用了最新实体框架:但是,找不到数据链接所需的与版本兼容的实体框架数据库 EF6使用Mys ...

  6. Material Designer的低版本兼容实现(五)—— ActivityOptionsCompat

    extends:http://www.cnblogs.com/tianzhijiexian/p/4087917.html 本文是对API中的方法做了介绍,如果想要看如何让这些方法兼容4.x或2.x可以 ...

  7. SSM整合时Maven项目的pom.xml版本兼容的代码备份

    场景 jdk:1.8 Tomcat:7.0 本地mysql:8.0 Eclipse:Eclipse Jee Photon Spring:4.3.8 AOP:1.8.0 mybatis:3.3.0 My ...

  8. Material Designer的低版本兼容实现(一)—— 简介 目录

    很长一段时间没写东西了,其实是因为最近在研究Material Designer这个东西,熬夜熬的身体也不是很好了.所以就偷懒没写东西,这回开的这个系列文章是讲如何将Material Designer在 ...

  9. 我的Android进阶之旅------Android中高低API版本兼容使用@TargetApi或者@SuppressLint(NewApi)...

    Android中高低API版本兼容使用@TargetApi或者@SuppressLint("NewApi") 例如:AndroidManifest.xml中,我们配置了sdk版本的 ...

  10. SpringCloud与子项目版本兼容说明

    SpringCloud与子项目版本兼容说明,什么意思呢,现在在他的不同的版本当中,他锁包含的子项目的版本,是什么样的呢,在这里我们也可以看到,向下有一个表格https://spring.io/proj ...

最新文章

  1. redis mysql查询数据类型_linux 常见的标识与Redis数据库详解
  2. vsts~CI/CD实现自动化编译
  3. sfm点云代码_VisualSFM使用方法与心得
  4. 视频压缩的I帧,P帧和B帧。
  5. 分布式数据库中间件概念
  6. wepy 父调用子组件方法_wepy踩坑小记(一)
  7. eclipse 编码设置之BOM丢失
  8. oracle+gsm安装,针对Oracle的10G版本提升SCOTT为DBA脚本!
  9. 北斗三号频点_海格通信发布国内首批北斗三号双模应用专用芯片及系统解决方案,对外展示“北斗+5G”的关键成果转化...
  10. html5模板区别,网页设计和平面设计理念的六大区别
  11. Asp.net 无限级分类
  12. 運行命令”msiexec”查看Windows Installer的版本
  13. php 卷积神经网络,PyTorch上实现卷积神经网络CNN的方法
  14. visio2019画电路图(论文)
  15. GP数据库初始化失败定位
  16. 计算机两个账户共享文件,两台电脑如何共享文件,简简单单六步即可实现文件共享...
  17. 12 款超实用的 Win10 UWP 应用分享
  18. 计算机科学与技术研究机构名称,计算机科学与技术学院研究生团队获得SemEval-2021国际语义评测比赛Task 5第一名...
  19. calcite连接mysql_如何使用Calcite实现一个简单的数据库
  20. 转换固态+机械硬盘分区表格式为GPT,UEFI启动,重装WIN10+Ubuntu18.04双系统

热门文章

  1. VSTO:无法安装此应用程序,因为已安装具有相同标识的应用程序(亲测有效)
  2. linux 安装so文件,Linux下查找和安装依赖的.so文件
  3. 一元线性回归原理及代码实现
  4. pngquanttinypng 使用教程
  5. 《莫烦Python3基础教程》学习笔记
  6. itest听力答案2020_itest大学英语测试答案2019
  7. 我有一百种方法让你的Excel连上数据库
  8. 推荐一款免费开源的pdf编辑器
  9. presscad图层LIsp_presscad2010免费版
  10. 使用Pycharm进行代码对比的方法