最近做的一個小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替換或者修改一下位置。