2016-08-11 93 views
0

我正在使用jQuery 3和jQueryUI 1.12。升級後,我得到這個,當我顯示對話框:jQueryUI對話框不正確地顯示關閉按鈕下的文本

enter image description here

毛刺是「關閉」的關閉按鈕下出現的詞。

這樣做的原因是,它實際上是在生成的HTML那樣:

enter image description here

但我想不通爲什麼它這樣做或如何解決它(除黑客DOM直接,但這似乎是不受歡迎的,因爲它是圖書館的核心部分)。

這是怎麼回事,我該如何解決?

+0

通常jQuery的用戶界面是應用規則'的.ui-按鈕圖標only'用'TEXT-INDENT:-9999px;'這一點。根據你的html,課程就在那裏。因此,請確保您包含jQuery UI css(包含該對話框),並且沒有自定義規則重寫它。 – empiric

+0

輝煌,快速。謝謝你。這導致我遇到了一些不匹配的樣式表,這些問題解決了我的問題。如果您發佈答案,我可以接受。 –

回答

0

jQuery UI使用它自己的樣式表作爲對話框。 申請該元素的標準的CSS規則是.ui-button-icon-only這臺text-indent: -9999px;

確保你已經包括jquery-ui.css。使用download-builder時,確保包含對話框的樣式。並選擇正確的主題。

做出改變的默認樣式您可以使用themeroller