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

时间:2017-11-03 05:49:06

标签: javascript jquery css

如果屏幕大于767px,我只希望我的脚本运行,所以我用

包装了我的脚本
if($(window).width() > 767){
}

这是我目前的剧本:

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

该脚本在没有包装时有效,有什么想法吗?

1 个答案:

答案 0 :(得分:1)

  

如果屏幕大于767px

,我只希望我的脚本运行

为什么不直接检查click事件本身的窗口大小

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