1

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

注意：我只知道足够的 html、css 和 wordpress 来开发我的网站：( http://www.gregorygainsborough.com )，并且刚刚开始学习 javascript。

如果您访问我的网站，您会发现问题 - 当各种框悬停在上面时，大部分内容都会显示出来。在平板电脑上，由于没有 :hover，我想让它这样做：首先点击 -> 显示将应用于 :hover 的样式。第二次点击 -> 像点击鼠标一样点击链接。

当 a) 另一个元素被点击，或 b) 十秒过去时，“关闭” :hover 样式也很有帮助。

谢谢你尽你所能的帮助。我知道其中一些将超出我目前的 js 知识，我正在寻找可以帮助我定位我的学习并缩小差距的解释或参考。

4

1 回答 1

0

我会在 PHP 中做一个IF声明来检查是否使用了 Tablet。您可以为此使用此库。然后我会在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-28T16:32:09.037 回答