jquery - 画面幅が480より大きい場合、jquery関数を無効にします

Question

私は初心者です（冗談ではありませんか？！）、これを機能させることはできません。私はここで何が間違っているのですか？画面幅が480より大きい場合、この関数は何も実行したくありません。画面幅が480以下の場合にのみ起動します。

if ( screen.availWidth < 480 ) {

 $(document).ready(function(){
 $(".reklam").click(function(){
 $('.reklam').attr('src','bilder/480/reklam_on.jpg');

  });
});

}

Answer 1

画面サイズは変更される可能性があるため（ユーザーがウィンドウのサイズを変更した場合）、イベント内にifステートメントを含める方が適切でしょうか？

例を参照してください：

$(document).ready(function(){
    $(".reklam").click(function(){
        if ($(window).width() < 480) {
            $('.reklam').attr('src','bilder/480/reklam_on.jpg');
        }
    });
});

Answer 2

screen width以下に示すように、関数内の1を直接チェックします。

$(".reklam").click(function(){
  var screenWidth = screen.width;
  if (screenWidth <= 480) {
      $('.reklam').attr('src','bilder/480/reklam_on.jpg');
  }  else {
       alert('Screen width too high!');
  }
 });

Answer 3

$(document).ready(function(){
 $(".reklam").click(function(event){
     if ( screen.availWidth < 480 ) {
         $('.reklam').attr('src','bilder/480/reklam_on.jpg');
    }
    else {
         event.stopPropagation();
         return false;
    }
 });
});

またはそのようなもの。

Answer 4

     var winWidth = 0; 
    $(window).resize(function() {
     winWidth = $(document).width();
    });

関数に書き込みます

if(winWidth >480)
{
  $(".reklam").click(function(){
 $('.reklam').attr('src','bilder/480/reklam_on.jpg');
});

}

また

$(document).ready(function(){
    $(".reklam").click(function(){
        if ($(window).width() < 480) {
            $('.reklam').attr('src','bilder/480/reklam_on.jpg');
        }
    });
});