0

サイト: beauforgovernor.com

ページの読み込み時にファンシーボックスをトリガーしましたが (ホームページのみ)、携帯電話には表示したくありません。ただし、タブレットに表示したい.

これをコーディングする方法がわかりません。

これは私が現在使用しているJSです：

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

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

4

1 に答える 1

0

一部のタブレットは一部のスマートフォンよりもわずかに大きいため、モバイルと見なす画面のサイズを選択するのは難しいかもしれません...

$(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'
        });
    }
);
于 2013-10-18T16:15:46.537 に答える