HI everyone,
I'm new to JQuery and its UI component so perhaps this question isn't
too difficult to answer. I'm building a personal website (A working
version is at http://www.cc.gatech.edu/~wmanzoul/v2/ ) using the UI
effects such as "slide" and "explode" and am encountering a strange
situation. When I either point my browser (Firefox) to the page for
the first time by putting the address in the address bar or when I
refresh the page, the header div (where it says my name sliding in
from the left) is clipped off until the rest of the divs load.
However, if you navigate away from the page (go to google.com or
something) and press your back button on the browser to go back, it
works nicely. In Safari, it always clips the header, regardless of how
you get to the site. What's causing this and how can I have the page
behave correctly under all these circumstances?
Here's the jquery code i used. In CSS, my #header is
(visibility:visible; display:block;), my #sidebar is
(visibility:hidden; display:block), and #page is (visibility:
visible). Let me know if you need more information:
$(document).ready(function() {
$("#header").show('slide', 1000, showSidebar);
//callback funtion to show sidebar after header slides in (sidebar
is the green square on the left side)
function showSidebar(){
$("#sidebar").show("explode", 1000);
page.load("sections.html #section_home",
homeContent); //page is
the dotted area in the middle for text. "#sections.html" is another
page that has sections that fill the page div using the load function
};
function homeContent(){
$("#page").show("blind");
};
};
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
