隐藏在移动设备上的页面加载时触发的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

你想选择你认为哪些屏幕尺寸为 mobile ，可能很难，因为有些平板电脑只比某些智能手机大一点......

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