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

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

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

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第1张图片  【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第2张图片

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

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第3张图片

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

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第4张图片

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

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第5张图片

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

【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第6张图片               【WeUI】关于jQuery WeUI和WeUI版本兼容的问题_第7张图片

你可能感兴趣的:(javaweb,js,css,weui,jquery,weui)