2011-12-06 188 views
2

由于某种原因,如果页面刷新,这不会正确运行。否则工作正常。 id.background位于body标签上。jquery背景调整大小

var theWindow = $(window), 
     $bg = $("#background"), 
     aspectRatio = $bg.width()/$bg.height(); 

    function resizeBg() { 
     if ((theWindow.width()/theWindow.height()) < aspectRatio) { 
     $bg.removeClass() 
      .addClass('bgheight'); 
     } else { 
     $bg.removeClass() 
      .addClass('bgwidth'); 
     } 
    } 

    theWindow.resize(function() { 
     resizeBg(); 
    }).trigger("resize"); 
+0

您是否触发文档就绪事件中的调整大小?例如'$(document).ready(function(){theWindow.trigger('resize');});' –

+0

是的,prob应该补充说。 –

回答

1

你可能想看看这个插件,我用过它几次。

http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/

你有你$('document').ready(function(){});里面写的代码?

+0

是的,prob应该补充说。我会检查链接,谢谢。 –

+0

考虑尝试“窗口”以及 – sirmdawg

+0

@mkprogramming - OP将窗口分配给$(窗口)。如果你认为'$(window).ready()'会有帮助,它不会 - 窗口抛出一个onload事件 –