Changeset 38083

Timestamp:

07/17/2016 09:13:35 PM (9 years ago)

Author:

westonruter

Message:

Twenty Thirteen: Fix selective refresh of Masonry-laid out widgets by deferring initialization until DOM ready.

This ensures that the wp.customize.selectiveRefresh object will be available when in the Customizer preview.

Fixes #37390.
Props westonruter, celloexpressions.

Location:

trunk/src/wp-content/themes/twentythirteen

Files:

• functions.php (modified) (1 diff)
• js/functions.js (modified) (2 diffs)

trunk/src/wp-content/themes/twentythirteen/functions.php

@@ -174 +174 @@
 
     // Loads JavaScript file with functionality specific to Twenty Thirteen.
-    wp_enqueue_script( 'twentythirteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20150330', true );
+    wp_enqueue_script( 'twentythirteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20160717', true );
 
     // Add Source Sans Pro and Bitter fonts, used in the main stylesheet.

trunk/src/wp-content/themes/twentythirteen/js/functions.js

@@ -120 +120 @@
      * Arranges footer widgets vertically.
      */
-    if ( $.isFunction( $.fn.masonry ) ) {
-        var columnWidth = body.is( '.sidebar' ) ? 228 : 245,
-            widgetArea = $( '#secondary .widget-area' );
+    $( function() {
+        var columnWidth, widgetArea;
+        if ( ! $.isFunction( $.fn.masonry ) ) {
+            return;
+        }
+        columnWidth = body.is( '.sidebar' ) ? 228 : 245;
+        widgetArea = $( '#secondary .widget-area' );
 
         widgetArea.masonry( {
@@ -158 +162 @@
             } );
         }
-    }
+    } );
 } )( jQuery );