不得不点击两次在手机上打开网站链接 [英] Having to click twice to open site links on mobile

问题描述

我正在运行一个Wordpress网站，遇到了一个问题，我需要在移动上点击两次链接，以使链接实际工作。我认为这可能是由于：悬停在我的CSS，但即使删除它，我仍然需要在移动上点击链接两次。

这发生在我的主页上的所有产品标题，图片和CTA按钮。

  .product_item img：hover 
 .product_item pa：hover 
 .check_it_out：hover 
  

任何人都可以帮我确定如何解决这个问题？

有问题的网站是这一个 https://ecoshopr.com/

解决方案

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

  / *按钮显示* / 
 $ / * .product_item'）mouseenter（function（）{
 $（this）.find（'。product_button'）。fadeIn（100，function（）{
 //动画完成
} ）; 
}）mouseleave（function（）{
 $（this）.find（'。product_button'）。fadeOut（100，function（）{
 //动画完成b $ b}）; 
}）; * / 
  

问题已解决。 / p>

I'm running a Wordpress site and have run into an issue where I need to click a link twice on mobile in order for the link to actually work. I'm thinking this might be due to :hover within my CSS however even after removing it, I still need to click the link twice on mobile.

This is happening on all of my product titles, images, and CTA buttons on the homepage.

.product_item img:hover
.product_item p a:hover
.check_it_out:hover

Can anyone help me identify how to solve this?

The website in question is this one https://ecoshopr.com/

解决方案

Turns out my theme was using some JS that was causing the issue. Once I removed this from my init.js file:

/* 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.
                });
    });*/

The issue was resolved.

这篇关于不得不点击两次在手机上打开网站链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！