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

debugcn 发表于 Dev

阿米尔汗

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

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

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可以在页面上用文字“ FLAGSHIP EVENTS”标识。

Shan

不确定要执行的操作是什么，但是如果要“在桌面上显示灯箱并在单击按钮后重定向到移动设备上的页面”，则应该执行以下操作：

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

不要不使用按钮链接到您的收藏夹此方法

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。