Полноэкранный плагин jQuery

Question

Я написал плагин jQuery, который устанавливает размер DOM равным размеру окна. Когда я изменяю размер окна, я хочу следовать за ним, но это не работает. Вот код:

(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 );

Answer 1

В вашем коде $ (this) в событии изменения размера окна относится к окну.Попробуйте:

(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 );