當在iPad/iPhone上只需要一個時需要兩次點擊

我正在開發一個支持移動和桌面設備的網站。我使用jquery-address plugin來創建一個可以使用哈希標記進行深度鏈接的圖片庫。當在iPad/iPhone上只需要一個時需要兩次點擊

但我注意到iOS5和iphone5的ipad模擬器出現問題，我必須在圖庫中兩次單擊圖像庫中的類別才能使事件正常工作。只需點擊一下，它就可以在OSX上的chrome/safari/firefox上正常工作。

到目前爲止，我只在iphone/ipad上看到過這個。 關於爲什麼桌面瀏覽器只需點擊一下就可以正常工作的任何想法，但ipad/iphone上的iOS需要兩個？我在這裏不知所措。我無法確定問題出在我的標記/ JavaScript或iPad/iPhone上的jquery-address/safari中的一個模糊的錯誤。

來源

2012-09-26 Dave

試了一下，在iPad上沒有JS：相同問題。所以這是Safari Mobile處理＃的方式。我會嘗試絕對的網址。 – mddw

我敢肯定，這是由於您的標記，並有上名爲.gallery類懸停狀態：

.gallery-category:hover { 
    color: white; 
    cursor: pointer; 
}

iOS不支持：徘徊在正常的方式，因爲沒有辦法檢測沒有鼠標的懸停狀態。它通常將自己直接排列成：懸停狀態，但是我猜測是因爲你的標記有點複雜（並且在父級上有一個懸停狀態），導致它打破。

我想，如果更換上面的代碼中就

.gallery-category a:hover {...

它會解決它的工作（我還沒有嘗試過在你的代碼雖然）

來源

2012-10-05 07:05:05 adnrw

今天晚些時候我會再試一次。 – Dave

感謝您讓我朝着正確的方向前進。事實證明，我有一個'mouseleave'事件處理程序，當我想要單擊操作時，它使我在iPad上雙擊。 – Jasper

當在iPad/iPhone上只需要一個時需要兩次點擊

回答

相關問題