问必须点击两次才能在手机上打开网站链接

EN

原来我的主题是使用一些引起问题的JS。一旦我从我的init.js文件中删除了它：

/* button show */
        $/*('.product_item').mouseenter(function(){
                $(this).find('.product_button').fadeIn(100, function() {
                        // Animation complete.
                });
    }).mouseleave(function(){
                $(this).find('.product_button').fadeOut(100, function() {
                        // Animation complete.
                });
    });*/

这个问题已经解决了。

我想您只在iOS上看到了这种情况，这有一些已知的问题。iOS Safari的这类问题的罪魁祸首是尼古拉斯·扎卡斯( Nicolas‘with：iOS有一个:悬停问题 )首先解释的。

恢复: iOS有一个带有CSS :hover规则的特定于平台的行为，该规则旨在适应遗留桌面:hover，并试图使其在触摸设备上工作而不作任何更改。虽然这个解决方案是可以的，并使这样的网站发挥了预期的作用。它也可能造成冲突。

正如在博客文章中所指出的，引发这种行为的因素或多或少是：

“使用可见性或显示隐藏或显示另一个元素的:hover规则”。

在您的用例中，对于links，触发此行为的似乎是在全局a { transition: all; }规则之上使用!important CSS声明更改:hover上的链接color .

出于好奇，我在:hover模拟器上调试了您的iOS规则。而删除!important似乎就足以解决这个问题。同样的或类似的是什么需要改变为其他链接。

​

​

对于图像，opacity转换是防止第一次单击触发的:hover动作。

要解决这个问题，应该在:hover+transition规则上添加一个transition。

​

​