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