必须点击两次才能在移动设备上打开网站链接

问题描述

我正在运行一个 Wordpress 网站并且遇到了一个问题，我需要在移动设备上单击两次链接才能使链接真正起作用.我认为这可能是由于 :hover 在我的 CSS 中造成的，但是即使在删除它之后，我仍然需要在移动设备上单击该链接两次.

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.

我所有的产品标题、图片和主页上的 CTA 按钮都会出现这种情况.

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?

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

推荐答案

原来我的主题是使用了一些导致问题的 JS.一旦我从我的 init.js 文件中删除它:

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

问题已解决.

这篇关于必须点击两次才能在移动设备上打开网站链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！