平板电脑悬停换人

Question

我知道这是一个'老问题'，但我已经搜索，但还没有找到对我有意义的解释。

注意：我知道HTML，CSS和wordpress已经足够开发我的网站：（http://www.gregorygainsborough.com），并且刚刚开始学习JavaScript。

如果您访问我的网站，您会看到问题 - 当各种盒子悬停时，会显示大部分内容。在平板电脑上，因为没有：悬停，我想让它做到这一点： 首先点击 - >显示将应用于：悬停的样式。 第二次点击 - >按照链接像鼠标点击会。

当a）点击另一个元素或者b）过去10秒时，'关闭'：悬停式样也是有帮助的。

感谢您提供任何帮助。我知道，其中一些会超出我目前的知识水平，我正在寻找解释或参考资料，以帮助我瞄准我的学习并缩小差距。

Answer 1

我会在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是该框的唯一编号，以便单击其中一个框时，其他框将会消失）。

也许在代码上有一些错误，然后让我知道。祝你好运