ウィンドウサイズを変更するとウィンドウサイズが変わる "キャッチされていないタイプエラー"

Question

私のページにはモーダルウィンドウが設定されていますが、うまく機能しますが、ウィンドウのサイズを変更する必要があります。残念ながら、私は単にエラーが表示されます：

Uncaught TypeError: Object # has no method 'outerHeight'

「this」は間違って使用していますか？

 $(window).resize(function() { 
      //If mask is open, resize modal elements 
      if ($('#modalMask').is(':visible')) { 
       //Resize and position modal windows 
       //Get window dimensions 
       var mWinHeight = $(window).height(); 
       var mWinWidth = $(window).width(); 
       //Make sure all open modal windows are centred 
       $('.modalWindow:visible').each(function (i) { 
        var $this = $(this); 
        $this.css('top', mWinHeight/2-(this.outerHeight()/2)); 
        $this.css('left', mWinWidth/2-(this.outerWidth()/2)); 
       }); 
      } 
     }); 

Answer 1

は、いくつかの「$」を忘れてしまった：outerHeightがDOMElementのの財産である場合

$this.css('top', mWinHeight/2-($this.outerHeight()/2)); 
$this.css('left', mWinWidth/2-($this.outerWidth()/2)); 

Answer 2

は私は知りませんが、あなたはjavascriptのプロパティを使用するには、括弧を削除するかがあります。

this.outerHeight 

又は.outerHeightを使用するthisからjQueryオブジェクトを作成（）jqueryの方法：

$(this).outerHeight() 
// or use $this.outerHeight()