javascript - 隐藏移动页面加载时触发的 Fancybox

Question

网站：beauforgovernor.com

我在页面加载时触发了一个fancybox（仅在主页上），但我不希望它出现在手机上；但是，我仍然希望它出现在平板电脑上。

我不确定如何编码。

这是我目前正在使用的 JS：

  <script type="text/javascript">
$(document).ready(function() {

    $("#aLink").fancybox({
        'width'             : '640',
        'height'            : 'auto',
        'autoScale'         : true,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe'
    });
});

Answer 1

您需要选择您认为是移动设备的屏幕尺寸，可能很难，因为某些平板电脑仅比某些智能手机大...

$(function(){
    var viewport = {
        width  : $(window).width(),
        height : $(window).height()
    };
    if(viewport.width>"480" && viewport.height>"600")
    {
        $("#aLink").fancybox({
            'width'             : '640',
            'height'            : 'auto',
            'autoScale'         : true,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    }
);