2011-12-06 5 views
2

何らかの理由で、ページがリフレッシュされると正しく実行されません。それ以外はうまく動作します。 id.backgroundはbodyタグにあります。jquery background resize

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

'window'も試すことを検討してください。 – sirmdawg

+0

@mkprogramming - OPが$(window)をtheWindowに割り当てています。 '$(window).ready()'が役に立つと思っているのであれば、ウィンドウはオンロードイベントをスローします –