jquery slide not working inside $(window).load

Question

0.00/5 (No votes)

See more:

The jquery Silde $("#divhome").slideDown(2000); is working inside the Onclick function. But the Same is not working inside the window load function.

C#

$(window).load(function(){
	$('#divhome').load('home.html');          //Load  home Div
	$("#divhome").slideDown(2000);          //Silde  home Div
	$('#divgallery').load('gallery.html');          //Load  Gallery Div
	$('#divabout').load('about.html');          //Load  AboutUs Div
	$('#divcontact').load('contact.html');          //Load  Contactus Div
  });

Kindly help..

Thanks in Advance
Santhosh

Posted 12-Jul-11 19:16pm

LSanthosh

Updated 12-Jul-11 20:16pm

Sunasara Imdadhusen

v2

Add a Solution

Comments

Sunasara Imdadhusen 13-Jul-11 2:17am

added PRE tag!

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2011-07-12T20:19:00

Solution 1

you can use like

C#

jQuery(document).ready(function () { 
   $('#divhome').load('home.html');        //Load  home Div
   $("#divhome").slideDown(2000);          //Silde  home Div
   $('#divgallery').load('gallery.html');  //Load  Gallery Div
   $('#divabout').load('about.html');      //Load  AboutUs Div
   $('#divcontact').load('contact.html');  //Load  Contactus Div
}

Posted 12-Jul-11 20:19pm

Sunasara Imdadhusen

Comments

LSanthosh 13-Jul-11 2:54am

Thank you very much but this works in IE but in Chrome and firefox. It is not working. The home div just appears and it does not silde.. Kindly help

Sunasara Imdadhusen 13-Jul-11 2:59am

Is there any error?

LSanthosh 13-Jul-11 3:01am

No there is no error, but the div loads with one sec delay.

Sunasara Imdadhusen 13-Jul-11 3:09am

but how could you know there is no error?
If you are using FF then go Tools > Error console or
If IE then Status bar > left hand side will display Error icon > Double click it will open popup with error message if exists.

LSanthosh 13-Jul-11 3:19am

Yes you are right. There is a error in Firefox Error Console..
Error: Components.classes['@mozilla.org/oji/jvm-mgr;1'] is undefined
Source File: chrome://javaconsole1.6.0_26/content/ffjcext.js
Line: 33

Sunasara Imdadhusen 13-Jul-11 3:21am

I think this may not related to your code, please clear Error console ans the try to run your application then let me know error if you have?

LSanthosh 13-Jul-11 3:23am

Yes I tried but I didnt get any error..

LSanthosh · Answer 2 · 2011-07-13T23:24:00

Atlast My Self found the solution. The solution is jquery Slide will work only after the sliding element completely loads. Hence the slide function must be given in the callback method of the load function.

C#

$(window).load(function(){
	$('#divhome').load('home.html', function() {           //Load  home Div
		$('#divhome').slideDown(2000);}              //Silde  home Div
	);
	$('#divgallery').load('gallery.html');          //Load  Gallery Div
	$('#divabout').load('about.html');          //Load  AboutUs Div
	$('#divcontact').load('contact.html');          //Load  Contactus Div
  });