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