这是我第一次尝试做一些加载页面与AJAX的东西。jQuery的功能停止与页面加载与AJAX
这是工作正常几页,但与幻灯片或另一个jquery函数,脚本停止工作,我看到一些关于我需要再次调用函数,但我不知道我的代码是在哪里正确的地方,就像我需要调用加载页面。
有我的JavaScript代码
$(document).ready(function(){
preload([
'/img/bg_body_topo.jpg',
'/img/img_topo.png',
'/img/logo_topo.png'
]);
$("a[rel*=outside]").attr("target", "_blank");
$('#scrollbar').tinyscrollbar({ sizethumb: 55 });
$('#menu-topo ul li ul').hide();
$('#menu-topo ul li').hover(function(e) {
$(this).find('ul').stop().fadeToggle("fast");
});
$("#home-slide-destaques").scrollable({ circular: true }).autoscroll({ autoplay: true }).navigator(".controles");
// DISCOGRAFIA
$("ul#int-abas-discografia").tabs("div#int-conteudo-discografia > div", { effect: 'fade' });
// INTEGRANTES
$("ul#int-abas-integrantes").tabs("div#int-conteudo-integrantes > div", { effect: 'fade' });
var content = $('#content');
//pre carregando o gif
loading = new Image(); loading.src = '/img/103.gif';
$('#menu-topo a, a#menu-ajax').live('click', function(e){
e.preventDefault();
var tHeight = $('#wrapper').height();
var tWidth = $('#wrapper').width();
var posicao = $('#wrapper').position();
$('#carregando').remove();
$('#imgcarregando').remove();
$('#wrapper').prepend('
$('#carregando').css({
'position': 'absolute',
'width': tWidth,
'height': tHeight,
'top': posicao.top,
'left': posicao.left,
'background': '#000',
'opacity': '.60',
'z-index': '9900',
'text-align': 'center'
});
$('#imgcarregando').css({
'position': 'absolute',
'width': tWidth,
'height': tHeight,
'top': posicao.top,
'left': posicao.left,
'background': '#000 url(/img/logo_topo.png) center 200px no-repeat',
'padding': '30px 0 0 0 ',
'opacity': '.88',
'z-index': '9999',
'text-align': 'center'
});
content.html('');
var href = $(this).attr('href');
$.ajax({
url: href,
success: function(response){
//forçando o parser
var data = $('
//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout(function(){
content.fadeOut('slow', function(){
$('#carregando').fadeOut('slow');
$('#imgcarregando').fadeOut('slow');
$('#content').height('auto');
// DESTAQUES
content.html(data).fadeIn();
});
}, 1000);
}
});
});
});
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('')[0].src = this;
// Alternatively you could use:
// (new Image()).src = this;
});
}
+0
您是否尝试过使用JavaScript调试器,如google chrome has或firebug? –
2013-02-10 21:29:40
+0
嗨@derabbink我打开网页一切工作正常,我去任何链接,并打开网页罚款,但如果我走在任何JavaScript函数的内部页面只是不工作,像一张幻灯片的页面。在JavaScript控制台上不显示任何错误 –
2013-02-10 21:33:31