Difference between revisions of "Team:ZJU-China/js/globe/ZJU-ajax.js"
Line 16: | Line 16: | ||
jQuery('#load').remove(); | jQuery('#load').remove(); | ||
jQuery('#wrapper').append('<span id="load">LOADING...</span>'); | jQuery('#wrapper').append('<span id="load">LOADING...</span>'); | ||
− | |||
jQuery('#load').fadeIn('normal'); | jQuery('#load').fadeIn('normal'); | ||
window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); | window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); | ||
Line 22: | Line 21: | ||
jQuery('#page-content-wrapper').load(toLoad,'',showNewContent()) | jQuery('#page-content-wrapper').load(toLoad,'',showNewContent()) | ||
} | } | ||
− | + | function showNewContent() { | |
jQuery('#page-content-wrapper').show('normal',hideLoader()); | jQuery('#page-content-wrapper').show('normal',hideLoader()); | ||
} | } | ||
function hideLoader() { | function hideLoader() { | ||
− | + | setTimeout(function() { jQuery('#load').fadeOut('normal');}, 1000); | |
+ | |||
} | } | ||
− | |||
− | |||
return false; | return false; | ||
Revision as of 12:46, 5 September 2015
jQuery(document).ready(function() {
var hash = window.location.hash.substr(1); var href = jQuery('#nav li a').each(function(){ var href = jQuery(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #page-content-wrapper'; jQuery('#page-content-wrapper').load(toLoad) } });
jQuery('#nav li a').click(function(){
var toLoad = jQuery(this).attr('href')+' #page-content-wrapper'; jQuery('#page-content-wrapper').hide('fast',loadContent); jQuery('#load').remove(); jQuery('#wrapper').append('LOADING...'); jQuery('#load').fadeIn('normal'); window.location.hash = jQuery(this).attr('href').substr(0,jQuery(this).attr('href').length-5); function loadContent() { jQuery('#page-content-wrapper').load(toLoad,,showNewContent()) } function showNewContent() { jQuery('#page-content-wrapper').show('normal',hideLoader()); } function hideLoader() {
setTimeout(function() { jQuery('#load').fadeOut('normal');}, 1000);
} return false;
});
});