diff --git wp-admin/js/common.js wp-admin/js/common.js index 3406ee0..58be5a5 100644 --- wp-admin/js/common.js +++ wp-admin/js/common.js @@ -447,55 +447,62 @@ $(document).ready( function() { })(); }); -stickyMenu = { - active: false, - - init: function () { - this.$window = $( window ); - this.$body = $( document.body ); - this.$adminMenuWrap = $( '#adminmenuwrap' ); - this.$collapseMenu = $( '#collapse-menu' ); - this.bodyMinWidth = parseInt( this.$body.css( 'min-width' ), 10 ); - this.enable(); - }, +stickyMenu = ( function( window, undefined ) { + + var t = this, + active = false, + $window, + $body, + $adminMenuWrap, + $collapseMenu, + bodyMinWidth; + + function init() { + $window = $( window ); + $body = $( document.body ); + $adminMenuWrap = $( '#adminmenuwrap' ); + $collapseMenu = $( '#collapse-menu' ); + bodyMinWidth = parseInt( $body.css( 'min-width' ), 10 ); + enable(); + } - enable: function () { - if ( ! this.active ) { - this.$window.on( 'resize.stickyMenu scroll.stickyMenu', this.debounce( - $.proxy( this.update, this ), 200 + function enable() { + if ( ! active ) { + $window.on( 'resize.stickyMenu scroll.stickyMenu', debounce( + $.proxy( update, this ), 200 ) ); - this.$collapseMenu.on( 'click.stickyMenu', $.proxy( this.update, this ) ); - this.update(); - this.active = true; + $collapseMenu.on( 'click.stickyMenu', $.proxy( update, this ) ); + update(); + active = true; } - }, + } - disable: function () { - if ( this.active ) { - this.$window.off( 'resize.stickyMenu scroll.stickyMenu' ); - this.$collapseMenu.off( 'click.stickyMenu' ); - this.$body.removeClass( 'sticky-menu' ); - this.active = false; + function disable() { + if ( active ) { + $window.off( 'resize.stickyMenu scroll.stickyMenu' ); + $collapseMenu.off( 'click.stickyMenu' ); + $body.removeClass( 'sticky-menu' ); + active = false; } - }, + } - update: function () { + function update() { // Make the admin menu sticky if both of the following: // 1. The viewport is taller than the admin menu // 2. The viewport is wider than the min-width of the - if ( this.$window.height() > this.$adminMenuWrap.height() + 32 && this.$window.width() > this.bodyMinWidth) { - if ( ! this.$body.hasClass( 'sticky-menu' ) ) { - this.$body.addClass( 'sticky-menu' ); + if ( $window.height() > $adminMenuWrap.height() + 32 && $window.width() > bodyMinWidth) { + if ( ! $body.hasClass( 'sticky-menu' ) ) { + $body.addClass( 'sticky-menu' ); } } else { - if ( this.$body.hasClass( 'sticky-menu' ) ) { - this.$body.removeClass( 'sticky-menu' ); + if ( $body.hasClass( 'sticky-menu' ) ) { + $body.removeClass( 'sticky-menu' ); } } - }, + } // Borrowed from Underscore.js - debounce: function( func, wait, immediate ) { + function debounce( func, wait, immediate ) { var timeout, args, context, timestamp, result; return function() { var later, callNow; @@ -526,7 +533,13 @@ stickyMenu = { return result; }; } -}; + + return { + init: init, + disable: disable, + enable: enable + }; +} )( window ); stickyMenu.init();