JQuery Mobile 1.3 Elements＆Motorola Devices

Question

我遇到了JQM 1.3，JQ 1.9.1，PhoneGap/Cordova 2.4.0和DROID RAZR 4G，MOTOROLA PHOTON 4G，MB855，DROIDX的問題。

我的問題是，用戶看不到任何按鈕，表單輸入或可摺疊集。我可以在browserstack.com上覆制這個問題，甚至可以修復它的一部分。我有一個jsbin，但如果你沒有browserstack.com或摩托羅拉模擬器，你將無法看到鏈接的錯誤（所以我的描述可能不得不這樣做）。

http://jsbin.com/ucelop/1/edit

看來，摩托羅拉瀏覽器/ HTML解析器不充分尊重的z-index屬性，或者它只是沒有什麼JQM用品運作良好。如果我將按鈕的z-index更改爲999999，我可以在摩托羅拉瀏覽器中看到它（所以我想它確實尊重它），但這對於可摺疊集和其他表單元素不起作用。

我的所有代碼都適用於JQM支持的其他設備。東西與摩托羅拉....

任何幫助，非常感謝！

〜紅色

Answer 1

好的，jfriend00的評論幫助引導我走向正確的方向。

問題是在頁眉和頁腳元素中使用「data-position = fixed」。

我的印象是這個問題在JQM 1.3中得到了解決，但是，事實並非如此。不是由我可能會添加的JQM開發人員的任何錯誤，他們做了超級工作！

在Motorola Devices，Android 4.0.4上，使用data-position = fixed會導致疊加層隱藏表單元素和其他JQM小部件。手動改變z-index（如上所述）可以克服某些元素，但是調整z-index的任何元素都會浮動到固定頁腳之上，從而破壞固定頁腳效果。

儘管我的原始代碼在幾乎所有其他設備和Android版本上運行良好，但我無法解決此問題。

我改變了頁腳位置：絕對，但等待，我仍然有問題的表單元素不顯示！所以我不得不從JQM網站提供一個修補程序，這個修補程序應該只適用於Android 2.2/2.3和2D CSS效果，但它也解決了我在4.0.4中的問題。

的修復：

當位置是：固定元素的頁面上的任何地方出現，大多數2D CSS轉換將失敗。奇怪的是，只有翻譯轉換似乎不受此影響。更奇怪的是，通過在固定元素的父級上設置.9或更低的CSS不透明度來解決此問題。

SRC = http://api.jquerymobile.com/fixedtoolbar/