当屏幕宽度大于480时，禁用jqueryfunction

我是新手（不开玩笑？！），我无法让这个工作。 我在这做错了什么？ 如果屏幕宽度大于480，我不希望此function执行任何操作，仅在屏幕宽度为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'); } }); });