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');
        }
    });
});