2011-08-30 80 views
2

我在iPad上瀏覽的網站上的選擇框出現問題。選擇框位於jQuery對話框中,該對話框正在隱藏/顯示jQuery。包含選擇框的對話框在用戶第一次觸碰頁面時隱藏。有一個觸發器,用戶可以點擊打開包含選擇框的對話框,但一旦顯示對話框,iPad會自動打開它的本機選擇框UI,而不是等到用戶觸摸它。有任何想法嗎?這是網站和佈局的圖像。 http://patriotvanlines.com
我會爲此添加代碼,但我認爲這很可能是iPad對jQuery的某種錯誤。 enter image description hereiPad自動打開html選擇元素

回答

3

我自己並沒有與IOS密切合作,但我想知道這個小黑客是否會幫助它。您在選擇disabled="disabled"上添加一個屬性,並在單擊圖像時使用jquery刪除屬性。

+0

對不起,這是有點不清楚。該對話框不是自動打開的;這工作正常。用戶單擊問號觸發器並打開對話框。發生的事情是,只要用戶打開對話框,狀態選擇框就會打開,就好像它被觸摸一樣,並顯示iPad的本機選擇框UI,就像這樣http://fieldrover.com/pictures/ipad_defect_inspection_fieldrover.jpg – k4t434sis

+0

我更新了我的答案..希望它是有益的..順便說一句我喜歡設計 – Baz1nga

+0

謝謝(對於設計評論),並感謝解決方案,像一個魅力工作。 – k4t434sis

1

即使在典型的瀏覽器中,第一個下拉列表也有焦點。這一定是爲什麼在iPad上彈出選擇列表。您可以通過點擊鏈接然後按下向下箭頭來測試。選擇列表更改。

在彈出的回調中嘗試一個簡單的$('#state1').blur()以刪除焦點。

哦,這裏是另一種想法。如果彈出式窗口自動將焦點放在第一個輸入上,那麼您可能會包含一個隱藏的輸入來爲您關注焦點。