2011-07-27 96 views
0

CSS懸停/鼠標懸停想象有5子鏈路(上課searchBySub)和第5個對應的按鈕..問題在iPad上

現在這5子鏈路具有以下CLAS的定義不但

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

現在我正在iPad上測試此頁面。 5子鏈路的任何可點擊從而改變它的CSS(offcourse顯示點擊鏈接爲所選的顏色)

另外,如果我點擊任何相應的按鈕,就應該告訴我有選擇的顏色對應的鏈接.. 。我正在通過點擊這個按鈕上的點擊事件來做到這一點;

$(".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與懸停狀態在此模擬點擊...我不知道爲什麼會發生這種情況..

請幫幫我。謝謝。

回答

0

您可能希望捕獲touchstart事件並採取相應措施。對於沒有鼠標的移動設備,你會得到一系列的事件,當有人在屏幕上輕擊:

  • touchstart
  • touchend
  • mousedown
  • mouseup
  • click

mouse*直到0之後纔會發生事件,這可能不是你想要的行爲。查看Apple's mobile Safari event docs獲取更多信息:

+0

其實我已經添加了touchstart,click,mouseover等的live()處理程序......但仍然無效......基本上我想要的是從鏈接中刪除:懸停狀態該按鈕被點擊... – testndtv

+0

「懸停」的概念不能很好地轉換成觸摸設備。沒有懸停。使用鼠標時,鼠標指針位於某個位置時,以及鼠標按鈕位置之間有明確的劃分。使用觸摸設備,沒有這種區別。你要麼觸摸設備,要麼不是。所以我的建議是避免使用:懸停在CSS中,而是使用最符合您想要實現的事件,無論是touchstart,mousedown,click等。 – jimbojw

+0

嗯,我完全意識到沒有懸停概念iPad ....但我試圖在現有的桌面Web應用程序上實現這個東西(同樣用於iPad),由於某種原因,它確實應用了:在CSS中定義的懸停狀態......我在尋找有人可以重寫這個......請仔細閱讀我的問題,你就會知道我在找什麼...... – testndtv