我最近在一个网站上工作,在本地主机上一切正常,但是当我将它移到服务器上时,更改 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;
});
});
最佳答案
你可以试试下面的方法
当您隐藏您的内容并加载新内容时:
$('#content').hide('slow',loadContent);
你应该确保一旦它被隐藏,内容就被清空:
function loadContent() {
$('#content').empty();
$('#content').load(toLoad,'',showNewContent())
}
关于jquery div 开关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8952075/