JQuery - Check if all content has been loaded
Over the weekend I was struggling to find a way to test if all content had been loaded into the browser before making a function call. Well I found the answer:
$(window).load(function() { callFunction(); });This little snippet waits until all external content has loaded before making the function call. So if you need all static files - images, javascript, flash, etc - to be fully loaded before firing an event then use the above snippet.
More Like This
JQuery Load vs Ready
There a many situations where you need to check if a page and its elements are available to update or alter via JQuery. Examples include activating JQuery animations, reading the contents of an iframe or interacting with images.There are two JQuery commands that should be part of every web developers tool kit when dealing with dynamic JQuery content.The first is JQuery $(document).ready() handler.
Facebook YSlow me down?
Firstly, apologies for the blog post title! This cheeky little technique will really get your website humming if you are using the Facebook JavaScript SDK.
Custom jQuery Short Code
If the jQuery dollar symbol short code is unavailable because you have assigned it to a different variable or you have used jQuery.noConflict(); to resolve potential conflicts between jQuery and Prototype then simply use the string jquery to access jQuery commands. I.e. $(window).load(function() { callFunction(); }); Becomes jquery(window).load(function() { callFunction(); }); You can also set your own short code for use with jquery such as: var $_shortcode = jQuery;
Looking for Expert WordPress or Drupal development?
I am a freelance website developer and designer based in the UK. I work as a remote Drupal developer, WordPress developer and Front-end developer for a variety of startups, charities and international businesses in Bristol, Bath, London and Europe. You can learn more about me by visiting my resume page.
Get in touch for a free quote on your next project and if you want to connect me with then check out my LinkedIn profile.