我最近一直在开发一个网站,其中一切都在localhost上运行得很好但是当我将它移动到服务器时,更改div函数开始加载奇怪而且我不知道为什么。当您循环浏览投资组合按钮和联系人按钮时,错误会更明显。
该网站仅针对Firefox 9进行了优化。
这是加载页面的脚本:
$(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = $('.pagination a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad = hash+'.html #content';
$('#content').load(toLoad)
}
});
$('.pagination a').live('click',function() {
var toLoad = $(this).attr('href')+' #content';
$('#content').hide('slow',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load"></span>');
$('#load').fadeIn('slow');
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
function loadContent() {
$('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
$('#content').show('slow',hideLoader());
$(window).scrollTop('');
}
function hideLoader() {
$('#load').delay(300).fadeOut('slow');
}
return false;
});
});
答案 0 :(得分:1)
您可以尝试以下
隐藏内容并加载新内容时:
$('#content').hide('slow',loadContent);
您应该确保一旦隐藏,内容就会变空:
function loadContent() {
$('#content').empty();
$('#content').load(toLoad,'',showNewContent())
}