平板電腦懸停換人

我知道這是一個'老問題'，但我已經搜索，但還沒有找到對我有意義的解釋。平板電腦懸停換人

注意：我知道HTML，CSS和wordpress已經足夠開發我的網站：（http://www.gregorygainsborough.com），並且剛剛開始學習JavaScript。

如果您訪問我的網站，您會看到問題 - 當各種盒子懸停時，會顯示大部分內容。在平板電腦上，因爲沒有：懸停，我想讓它做到這一點：首先點擊 - >顯示將應用於：懸停的樣式。第二次點擊 - >按照鏈接像鼠標點擊會。

當a）點擊另一個元素或者b）過去10秒時，'關閉'：懸停式樣也是有幫助的。

感謝您提供任何幫助。我知道，其中一些會超出我目前的知識水平，我正在尋找解釋或參考資料，以幫助我瞄準我的學習並縮小差距。

來源

2013-04-28 Gregory Tippett

使用PHP來檢測平板電腦是否被使用，如果使用，然後單擊JavaScript控制時，檢查它是否是第一次點擊。這會做的伎倆;） – 2013-04-28 16:16:04

聽起來不錯！有兩個問題：a）您能否提供該代碼的實際參考信息，以及b）是否仍然保留lap/desktop上的current：hover-> style和click->鏈接功能？ – 2013-04-28 16:21:11

我現在正在回答。 – 2013-04-28 16:24:25

我會在PHP做一個IF語句來檢查是否使用Tablet。您可以使用this Library。然後我會在IF聲明迴應此javascript出來：

var clicked = 0; 
$('a.iftablet').on('click',function(){ 
    var old_clicked = clicked; 
    var number = $(this).attr('tablet_id'); // Get the tablet ID for this item 
    var clicked = number; 
    if (old_clicked != number){ return false;} // This might do the trick, so that on first click, it doesn't link. 
});

注：我使用jQuery，所以你需要jQuery庫。注意2：將class="iftablet"添加到框周圍的鏈接，並添加tablet_id="X"（其中X是該框的唯一編號，以便單擊其中一個框時，其他框將會消失）。

也許在代碼上有一些錯誤，然後讓我知道。祝你好運

來源

2013-04-28 16:32:09

太棒了。我會稍微嘗試一下並回復你。感謝您的教學！ – 2013-04-28 16:37:47

歡迎您:) – 2013-04-28 16:55:54

平板電腦懸停換人

回答

相關問題