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

Question

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

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

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”来识别。

Answer 1

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

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");
       }
    });
});

不要不要 link 使用 this method

按钮到您的灯箱

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

Wix: Hidden Lightbox in Mobile view still shows some shade

javascript

velo