關於iPad中CSS懸停/鼠標懸停的問題

Question

想象一下，頁面上有5 searchBySub （具有class searchBySub ）和5個相應的按鈕。

現在，這5個子鏈接具有以下分類定義

#leftNav .searchBySub {...}
#leftNav  a.searchBySub:hover {...}
#leftNav  a.searchBySubClick {...}

現在，我正在iPad上測試此頁面。 可以單擊5個子鏈接中的任何一個，以更改其CSS（默認情況下，單擊的鏈接顯示為所選顏色）

另外，如果我單擊任何相應的按鈕，它應該向我顯示具有選定顏色的相應鏈接。

$(".button1").live("click",function(){
            $("link1").click(); //This is not exact code (but written dynamically...anyways it simulates the first link click)
        });

還有一件事，當每次鏈接/按鈕單擊時通過AJAX調用刷新內容時，我無法顯示確切的代碼，這就是為什么我將jQuery.live（）用於綁定...

現在我的問題是，在iPAD上，當我通過按鈕單擊模擬單擊時，假設是Button2，當當前選擇link1時，它將正確顯示link2為所選顏色。...但是由於某些原因，它顯示在此模擬點擊過程中，link1處於懸停狀態...我不知道為什么會這樣。

請幫我。 謝謝。

Answer 1

您可能想要捕獲touchstart事件並對其采取措施。 對於沒有鼠標的移動設備，當有人點擊屏幕時，會發生一系列事件：

• touchstart
• touchend
• mousedown
• mouseup
• click

mouse*事件直到touchend之后才發生，這可能不是您想要的行為。 請查看Apple的移動Safari事件文檔以獲取更多信息：