[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 201
  • Last Modified:

Jquery Load Delay

Hi Guys,

I have this script:
$(function() {
    $(".wcGridCol li").click(function() {
	$('#ContentContainer').fadeIn('slow');
        $('.Loader').fadeIn('slow');
        $("#ContentContainer").load("article.html", function(){ });
        return false;
    });
});

Open in new window


I am trying to add a delay on the load function so .Loader displays for 2 seconds as a minimum rather than load content immediately.

Then I would like to add a fadein effect to the loaded content.

Could someone assist.. Many thanks in advance
0
maccaj51
Asked:
maccaj51
1 Solution
 
soupBoyCommented:
I don't know if it would work the the .load api or not....but try adding a .delay(2000)

example:
$("#ContentContainer").delay(2000).load("article.html", function(){ });

Open in new window

0
 
maccaj51Author Commented:
Many Thanks
0

Featured Post

[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now