Comments on: Quick Tip: Delay Page Loading with jQuery

By: Curtis Henson

Curtis Henson — Wed, 22 Sep 2010 15:54:16 +0000

1. You could do
jQuery(document).ready(function($) { //$code }); if you wanted to use the $ sign.

2. Single quotes shouldn’t matter, have no clue about that. Is that the same with any of your jQuery code?

3. You might be able to do setTimeout(function(){window.location = toLoad}, 700)

By: Dennis

Dennis — Wed, 22 Sep 2010 14:34:40 +0000

Ok. I found 3 thinks :)

By: Dennis

Dennis — Wed, 22 Sep 2010 14:26:07 +0000

I struggled with this and found 2 issues using Safari 4.0.5 and wordpress.

1) I need to use JQuery instead of $
2) I need to use ” instead of ‘. (‘#link’) is not recognized while (“#link”) does.
3) if using setTimeout, the var toLoad; has to be global rather than inside the jQuery declaration.

By: Curtis Henson

Curtis Henson — Mon, 14 Jun 2010 16:38:11 +0000

You aren't loading the Delay plugin, this is confusing because jQuery now has a delay function but it's different. If the delay plugin doesn't work replace that bit of code with:


setTimeout("window.location = toLoad" , 700);

By: Awais Muzaffar

Awais Muzaffar — Mon, 14 Jun 2010 09:31:48 +0000

You can view my test site on:
http://www.awais-muzaffar.co.uk/test/index.php

The animation kind of works now, but when you click on on menu link the new page loads instantly instead of waiting for the animation to end. Check out my link you will see what I mean.

By: Awais Muzaffar

Awais Muzaffar — Mon, 14 Jun 2010 09:04:20 +0000

I am doing exactly that but it’s not working :-(

By: Curtis Henson

Curtis Henson — Sat, 12 Jun 2010 17:15:29 +0000

Do you get any errors in the console? Are you loading the jQuery library and wrapping the code in:
$(document).ready(function() { // put all your jQuery goodness in here. });

By: Awais Muzaffar

Awais Muzaffar — Sat, 12 Jun 2010 11:00:05 +0000

Hey guys not working for me: This is my code: The pages change instantly and the animation does not work:

$(“#nav ul li a”).click(function(event){

var toLoad = $(this).attr(‘href’);
var selectedLink = $(this);
var linkPosition = selectedLink.position();
var selectedLinkLeft = linkPosition.left;
$(“.circle”).animate( {“left”: + selectedLinkLeft}, “100″ );

$(this).delay(900, function(){ window.location = toLoad; });
return false;

});

By: Curtis Henson

Curtis Henson — Fri, 19 Mar 2010 17:36:57 +0000

The delay plugin wrapped setTimeout() so I could chain it like other jQuery methods. Looks like the delay plugin uses a timer now though.

By: nefi

nefi — Fri, 19 Mar 2010 06:57:44 +0000

any reason you for not use setTimeout() function?