html停止所以ajax请求,jQuery的功能停止与页面加载与AJAX

这是我第一次尝试做一些加载页面与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
');

$('#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 = $('

'+response+'
').find('#content').html();

//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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值