2012-08-28 32 views
0

我目前有問題讓iPad使用:懸停事件。爲了清楚我的意思,我上傳了http://playing.everythingcreative.co.uk網站的一部分,並且我有3張圖片,當在一個div上方盤旋消失以顯示下面的文字時,這根本不適用於iPad。我試過了:ios懸停事件發生問題

ontouchstart="touchStart(event);" 

但是我不知道如何使用它的工作原理。

任何幫助將是偉大的。

+2

你試圖使用懸停觸摸屏上的事件? –

+0

是啊基本上...我想要的是:懸停事件作爲淡出/淡入淡出事件時在ios –

+0

我猜我不會問這個問題哈哈。我發現這是特定於iPad的,但現在我的下一個問題將是使其適用於所有觸摸屏設備http://stackoverflow.com/questions/5507964/ios-automatic-hover-fix –

回答

1

我想通了使用例如在iOS automatic hover fix?反正改變:

if(navigator.platform == "iPad") { 

到:

if ("ontouchstart" in document.documentElement) { 

最終代碼:

$(document).ready(function() { 
     if ("ontouchstart" in document.documentElement) { 
      $("div").each(function() { // have to use an `each` here - either a jQuery `each` or a `for(...)` loop 
       var onClick; // this will be a function 
       var firstClick = function() { 
        onClick = secondClick; 
        return false; 
       }; 
       var secondClick = function() { 
        onClick = firstClick; 
        return true; 
       }; 
       onClick = firstClick; 
       $(this).click(function() { 
        return onClick(); 
       }); 
      }); 
     } 
    });