我知道这是一个“老问题”,但我已经搜索过,但还没有找到对我有意义的解释。
注意:我知道足够的html,css和wordpress开发了我的网站:(http://www.gregorygainsborough.com),我刚开始学习javascript。
如果您访问我的网站,您会看到问题 - 当各种盒子悬停时,大部分内容都会显示出来。在平板电脑上,因为没有:悬停,我想让它做到这一点: 首先点按 - >揭示本来应用的风格:悬停。 第二次点按 - >按照鼠标单击链接即可。
如果a)点击另一个元素,或者b)经过十秒钟,也有助于'关闭':悬停样式。
感谢您提供的任何帮助。我知道其中一些将超过我目前的知识,我正在寻找可以帮助我学习并缩小差距的解释或参考。
答案 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是该框的唯一编号,这样当单击一个框时,其他框将消失)。
也许代码上有一些错误,然后让我知道。祝你好运