Changeset 27627

Timestamp:

03/19/2014 11:07:24 PM (11 years ago)

Author:

lancewillett

Message:

Twenty Fourteen: load Masonry after window load event to give more time for widget content to load before drawing the layout. Closes #27051.

Location:

trunk/src/wp-content/themes/twentyfourteen

Files:

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

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

@@ -257 +257 @@
     }
 
-    wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20131209', true );
+    wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20140319', true );
 }
 add_action( 'wp_enqueue_scripts', 'twentyfourteen_scripts' );

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

@@ -104 +104 @@
     } );
 
-    // Arrange footer widgets vertically.
-    if ( $.isFunction( $.fn.masonry ) ) {
-        $( '#footer-sidebar' ).masonry( {
-            itemSelector: '.widget',
-            columnWidth: function( containerWidth ) {
-                return containerWidth / 4;
-            },
-            gutterWidth: 0,
-            isResizable: true,
-            isRTL: $( 'body' ).is( '.rtl' )
-        } );
-    }
+    _window.load( function() {
+        // Arrange footer widgets vertically.
+        if ( $.isFunction( $.fn.masonry ) ) {
+            $( '#footer-sidebar' ).masonry( {
+                itemSelector: '.widget',
+                columnWidth: function( containerWidth ) {
+                    return containerWidth / 4;
+                },
+                gutterWidth: 0,
+                isResizable: true,
+                isRTL: $( 'body' ).is( '.rtl' )
+            } );
+        }
 
-    // Initialize Featured Content slider.
-    _window.load( function() {
+        // Initialize Featured Content slider.
         if ( body.is( '.slider' ) ) {
             $( '.featured-content' ).featuredslider( {