JQueryMobile內容和麪板之間的差距

我已經開發了一個帶有jQuery手機的Phonegap應用程序。這是一個單頁應用程序，具有固定標題，固定頁腳和從左側打開的面板。內容DIV爲白色，面板從其默認顏色加載。JQueryMobile內容和麪板之間的差距

問題是當面板打開時，白色內容DIV和麪板DIV之間存在間隙（屏幕截圖中的B），它看起來好像是內容DIV中的一部分，就像通常放置的陰影（截圖中的C）在內容DIV的邊緣。面板底部的列表視圖被拉伸以適合面板的內容DIV（截圖中的A）。

我該如何解決這個問題？我如何消除陰影/面板和白色內容區域之間的黑暗間隙？

A-Panel div width, B-Gap between content div and panel, C-Shadow of content div

2013-10-17 TechyTee

請發表您的標記。併發生在所有設備上？ – Omar

什麼版本的jquery mobile和phonegap的版本是什麼？ –

Phonegap 3.0，JQM 1.3.2 – TechyTee

你將不得不改變JQM類

.ui-panel-inner { padding: 0 !important }

或

做一個新的類，並添加到內容區域的DIV

.myCustomClass { padding: 0 !important }

2013-10-25 15:47:06 Red2678

沒有工作。該差距來自內容領域。而不是面板。 – TechyTee

然後將.myCustomClass添加到內容區域。無論如何修改/重寫JQM css類（IMO）並不是一個好主意。 – Red2678

did not work either ... – TechyTee

回答