javascript - 仅当屏幕大于 767 时运行脚本

Question

我只希望我的脚本在屏幕大于 767 像素时运行，所以我用

包装了我的脚本

if($(window).width() > 767){
}

这是我当前的脚本:

if($(window).width() > 767){
  $('header input').click(function() {
    $('#holiday-bg').css({
      'background-position': 'center center',
      'padding-bottom': '39%',
    });
  });
}

脚本在未包装时可以工作，有什么想法吗？

Answer 1

I only want my script to run if the screen is greater than 767px

您需要在 click 事件后检查窗口大小!

$( 'header input' ).click(function() {
    if( $( window ).width() > 767 )
    {
        $( '#holiday-bg' ).css({
           'background-position': 'center center',
           'padding-bottom': '39%',
        });
    }
});