Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

I use this plugin - https://wordpress.org/plugins/async-js-and-css/ - to adjust all of the CSS and JS loaded by the other plugins on my site into an asynchronous load at the bottom of the page.

I have Advanced Iframe set up to "Resize on Element Resize" - and this is working great - until I activate the Async Plugin.

I see that the jQuery designed to Resize on Element Resize is written onto the page directly where the iframe exists.

When I turn on Async - essentially what is happening - is that jQuery itself does not load before your code in the page for this height detection.

Would it be possible to move the size detection code into an external js file that is called to the page using wp_register_script? If this was done - this script would also be loaded asynchronously - which would allow it to run with the Async plugin active.

Thanks

The script (jquery.ba-resize.min.js) is loaded with wp_enqueue_script and has a dependency to jquery for the same domain.

Do you use resize on element resize for the same domain or with the external workaround?

Best, Michael

Same domain

I see the following code written directly onto the page - and my java console is showing me that this is where the failure is happening


jQuery("#event_iframe").contents().find(".image_rotation").resize(function(){
aiResizeIframe(ifrm_event_iframe, "false","1");
});

but this is the call of the function. Not where the Script is defined.
This is done fte rthe onload event of the iframe.

If you enable the other plugin - can you look when jquery and when the resize script is loaded?

If the onload event is called before the scripts are loaded than you cannot use the asnc plugin as
the onload event is the trigger for everything.

Best, Michael