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

2022-01-22 00:00:00 hover html css touch

我正在运行一个 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.
                });
    });*/

问题已解决.

相关文章