僅當屏幕大於 767 時才運行腳本

Question

我只希望我的腳本在屏幕大於 767px 時運行，所以我用

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

這是我當前的腳本：

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

該腳本在未包裝時有效，有什么想法嗎？

Answer 1

我只希望我的腳本在屏幕大於 767px 時運行

您需要在click事件后檢查window 大小！

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

Answer 2

嘗試用“jQuery”替換“$”。