全屏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

在你的代码中，windows resize事件中的$（this）指的是window。尝试：

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