2012-08-14 41 views
0

以下代碼可以正常顯示桌面和iOS上的下拉菜單,但在Android上,它會創建一個單擊事件並刷新頁面。我怎麼能阻止它?我還沒有發現任何簡單的解決方法?Android上的jQuery .hover - 防止點擊通過

的jQuery:

$('nav li').hover(
    function() { 
     $('ul', this).fadeIn(100); 

    }, 
    function() { 
     $('ul', this).fadeOut(100);   
    } 
); 

HTML:

<nav> 
    <ul> 
     <li><a href="">Products</a></li> 
    </ul> 
</nav> 
+0

我不知道這是可能的,原因很簡單,你怎麼能區分懸停,長時間推動智能手機或水龍頭?也許Android上的firefox實現它,但我不知道。在這個問題上,我可以看到開發一個android應用程序或爲這個設備開發另一個網站更好。 – 2012-08-14 13:47:26

回答

0

這是因爲它的轉換到懸停自來水。您無法在代碼中加載頁面,因此#會修改爲您的網址,顯示鏈接已成功。

+0

我想我已經想通了,一會兒就會回答。 – lgriffin 2012-08-14 14:12:29

0

不知道這是做這或不是最好的方式,但是這阻止了網頁從Android中刷新,同時還使用了懸停代碼顯示的下拉菜單(這是簡單的導航UL李的UL孩子。

$('nav li').hover(
    function() { 
     $('ul', this).fadeIn(100); 
    }, 
    function() { 
     $('ul', this).fadeOut(100); 
    } 
); 

$('nav a[href=""]').click(function(){ 
    return false; 
});