Wix：移动视图中的隐藏灯箱仍然显示一些阴影

问题描述

在我的网站的移动版本中，我想隐藏链接到一个框的灯箱并通过单击该框重定向到不同的页面。

我使用以下代码隐藏灯箱。

import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';

$w.onReady(function () {
    if(wixWindow.formFactor === "Mobile"){
        $w('#lightBox1').hide();
    }
});

然后我使用以下代码通过单击框重定向到不同的页面。

import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';

$w.onReady(function () {
    if(wixWindow.formFactor === "Mobile"){
        $w('#Box3').onClick(function(){
            wixLocation.to('/flagevt-mob');
        });
    }
    
});

但是，在移动视图中，我确实在点击 Box3 时被重定向到不同的页面，并且灯箱确实被隐藏了。尽管如此，还是有一些阴影，我必须点击屏幕才能摆脱阴影。这几乎就像破了一个泡沫。

有人可以帮忙解释为什么会这样吗？

这是该网站的 link。您可以在桌面和移动视图中查看它。 Box3对应的框可以用页面上的文字“FLAGSHIP EVENTS”来标识。

解决方法

不确定您到底要做什么，但如果您想“在桌面上显示一个灯箱并在单击按钮时重定向到移动设备上的页面”，您应该这样做：

import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';

$w.onReady(function () {
    $w('#box3').onClick(function(){
       if(wixWindow.formFactor === "Mobile"){
           wixLocation.to('/flagevt-mob');
       }else{
           wixWindow.openLightbox("LightboxName");
       }
    });
});

不要不要使用 this method

将按钮链接到您的灯箱