themes
4 years ago
infinity-customizer.js
6 years ago
infinity.css
5 years ago
infinity.js
2 years ago
infinity.php
2 years ago
infinity-customizer.js
55 lines
| 1 | /* globals wp */ |
| 2 | ( function ( $ ) { |
| 3 | /** |
| 4 | * Ready, set, go! |
| 5 | */ |
| 6 | $( document ).ready( function () { |
| 7 | // Integrate with Selective Refresh in the Customizer. |
| 8 | if ( 'undefined' !== typeof wp && wp.customize && wp.customize.selectiveRefresh ) { |
| 9 | /** |
| 10 | * Handle rendering of selective refresh partials. |
| 11 | * |
| 12 | * Make sure that when a partial is rendered, the Jetpack post-load event |
| 13 | * will be triggered so that any dynamic elements will be re-constructed, |
| 14 | * such as ME.js elements, Photon replacements, social sharing, and more. |
| 15 | * Note that this is applying here not strictly to posts being loaded. |
| 16 | * If a widget contains a ME.js element and it is previewed via selective |
| 17 | * refresh, the post-load would get triggered allowing any dynamic elements |
| 18 | * therein to also be re-constructed. |
| 19 | * |
| 20 | * @param {wp.customize.selectiveRefresh.Placement} placement |
| 21 | */ |
| 22 | wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) { |
| 23 | var content; |
| 24 | if ( 'string' === typeof placement.addedContent ) { |
| 25 | content = placement.addedContent; |
| 26 | } else if ( placement.container ) { |
| 27 | content = $( placement.container ).html(); |
| 28 | } |
| 29 | |
| 30 | if ( content ) { |
| 31 | $( document.body ).trigger( 'post-load', { html: content } ); |
| 32 | } |
| 33 | } ); |
| 34 | |
| 35 | /* |
| 36 | * Add partials for posts added via infinite scroll. |
| 37 | * |
| 38 | * This is unnecessary when MutationObserver is supported by the browser |
| 39 | * since then this will be handled by Selective Refresh in core. |
| 40 | */ |
| 41 | if ( 'undefined' === typeof MutationObserver ) { |
| 42 | $( document.body ).on( 'post-load', function ( e, response ) { |
| 43 | var rootElement = null; |
| 44 | if ( response.html && -1 !== response.html.indexOf( 'data-customize-partial' ) ) { |
| 45 | if ( window.infiniteScroll.settings.id ) { |
| 46 | rootElement = $( '#' + window.infiniteScroll.settings.id ); |
| 47 | } |
| 48 | wp.customize.selectiveRefresh.addPartials( rootElement ); |
| 49 | } |
| 50 | } ); |
| 51 | } |
| 52 | } |
| 53 | } ); |
| 54 | } )( jQuery ); // Close closure |
| 55 |