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

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

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

我使用了下面的代码来隐藏lightbox

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

时被重定向到另一个页面，并且灯箱确实被隐藏。尽管如此，还是有一些阴影，我必须点击屏幕来去除阴影。这几乎就像是泡沫破裂

有人能帮我解释一下为什么会这样吗

---

这里有一个网站的链接。您可以在桌面和移动视图中查看它。与

box3

相对应的框可以用页面上的文本“旗舰事件”来标识。

不确定您到底想做什么，但如果您想“在桌面上显示一个灯箱，并通过单击按钮重定向到手机上的页面”，您应该改为：

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

---

不要使用

将按钮链接到您的灯箱。不确定您到底想做什么，但如果您想“在桌面上显示一个灯箱，并在按下按钮后重定向到手机上的页面”，请单击“您应该改为：

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

---

不要使用

将按钮链接到您的lightbox，请确保在调用openLightbox（）函数时使用lightbox的名称而不是ID。我认为@Shan是正确的。看起来您正在使用链接面板打开灯箱。旁白：lightbox没有hide（）函数，您需要使用close（）函数。在调用openLightbox（）函数时，请确保使用lightbox的名称而不是ID。我认为@Shan是正确的。看起来您正在使用链接面板打开灯箱。旁白：lightbox没有hide（）函数，您需要使用close（）函数。