2012-03-27 7 views
0

DOMサイズをウィンドウサイズに設定するjQueryプラグインを作成しました。私はそれをフォローしたいウィンドウのサイズを変更するとき、それは動作しません。あなたのコードウィンドウで$(これは)イベントがウィンドウに参照のうえれるサイズを変更するにはフルスクリーンjQueryプラグイン

(function($){ 

    $.fn.fullScreen = function() { 

    return this.each(function() { 
     $(this).css({ 
      "width" : $(window).width(), 
      "height" : $(window).height() 
     }) 
     $(window).resize(function() { 
      $(this).css({ 
       "width" : $(window).width(), 
       "height" : $(window).height() 
      }) 
     }) 
    }); 

    }; 
})(jQuery); 
+0

プラグインは必要ですか? CSS: '.full-screen {display:block;高さ:100%;左:0;位置:固定;トップ:0;幅:100%; } 'JS:' $(...)。addClass( 'フルスクリーン'); ' – zzzzBov

答えて

1

:ここではコードです。試してみてください:

(function($){ 

    $.fn.fullScreen = function() { 

    return this.each(function() { 
     var self = $(this); 
     $(this).css({ 
      "width" : $(window).width(), 
      "height" : $(window).height() 
     }) 
     $(window).resize(function() { 
      self.css({ 
       "width" : $(window).width(), 
       "height" : $(window).height() 
      }) 
     }) 
    }); 

    }; 
})(jQuery); 
関連する問題