平板电脑哈弗替代

时间:2013-04-28 16:12:56

标签: javascript css hover tablet

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

注意:我知道足够的html,css和wordpress开发了我的网站:(http://www.gregorygainsborough.com),我刚开始学习javascript。

如果您访问我的网站,您会看到问题 - 当各种盒子悬停时,大部分内容都会显示出来。在平板电脑上,因为没有:悬停,我想让它做到这一点: 首先点按 - >揭示本来应用的风格:悬停。 第二次点按 - >按照鼠标单击链接即可。

如果a)点击另一个元素,或者b)经过十秒钟,也有助于'关闭':悬停样式。

感谢您提供的任何帮助。我知道其中一些将超过我目前的知识,我正在寻找可以帮助我学习并缩小差距的解释或参考。

1 个答案:

答案 0 :(得分:0)

我会在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是该框的唯一编号,这样当单击一个框时,其他框将消失)。

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