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

当屏幕宽度大于480时禁用jquery功能

4 个答案: