Changeset 20930

Timestamp:

05/26/2012 07:02:28 AM (14 years ago)

Author:

koopersmith

Message:

Theme Customizer: Fix preview background CSS creation to insert/remove style nodes (for IE8 compatibility). fixes #20582, see #19910.

File:

• trunk/wp-includes/js/customize-preview.dev.js (modified) (3 diffs)

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

@@ -82 +82 @@
 
         api.when.apply( api, bg ).done( function( color, image, position_x, repeat, attachment ) {
-            var body  = $(document.body),
+            var body = $(document.body),
+                head = $('head'),
                 style = $('#custom-background-css'),
                 update;
@@ -90 +91 @@
             if ( body.hasClass('custom-background') && ! style.length )
                 return;
-
-            // Create the CSS container if it doesn't already exist.
-            if ( ! style.length )
-                style = $('<style type="text/css" id="custom-background-css" />').appendTo('head');
 
             update = function() {
@@ -114 +111 @@
                 }
 
-                style.html( 'body.custom-background { ' + css + ' }' );
+                // Refresh the stylesheet by removing and recreating it.
+                style.remove();
+                style = $('<style type="text/css" id="custom-background-css">body.custom-background { ' + css + ' }</style>').appendTo( head );
             };