Changeset 20034

Timestamp:

02/29/2012 06:18:17 AM (7 years ago)

Author:

koopersmith

Message:

Theme Customizer: Trigger UI updates only when necessary.

File:

• trunk/wp-includes/js/customize-base.dev.js (modified) (5 diffs)

trunk/wp-includes/js/customize-base.dev.js

@@ -281 +281 @@
     };
 
-    sync = {
-        'val': {
-            update: function() {
-                this.element[ this._updater ]( this._value );
-            },
-            refresh: function() {
-                this.set( this.element[ this._refresher ]() );
-            }
-        }
-    }
-
     api.Element = api.Value.extend({
         initialize: function( element, options ) {
-            var synchronizer = api.Element.synchronizer.html,
-                type;
+            var self = this,
+                synchronizer = api.Element.synchronizer.html,
+                type, update, refresh;
 
             this.element = api.ensure( element );
@@ -316 +306 @@
             this._value = this.get();
 
+            update  = this.update;
+            refresh = this.refresh;
+
+            this.update = function( to ) {
+                if ( to !== refresh.call( self ) )
+                    update.apply( this, arguments );
+            };
+            this.refresh = function() {
+                self.set( refresh.call( self ) );
+            };
+
             this.bind( this.update );
-
-            this.refresh = $.proxy( this.refresh, this );
             this.element.bind( this.events, this.refresh );
         },
@@ -338 +337 @@
             },
             refresh: function() {
-                this.set( this.element[ method ]() );
+                return this.element[ method ]();
             }
         };
@@ -348 +347 @@
         },
         refresh: function() {
-            this.set( this.element.prop( 'checked' ) );
+            return this.element.prop( 'checked' );
         }
     };
@@ -359 +358 @@
         },
         refresh: function() {
-            this.set( this.element.filter( ':checked' ).val() );
+            return this.element.filter( ':checked' ).val();
         }
     };