Jump to content


Photo

Delay?


  • Faça o login para participar
2 replies to this topic

#1 kdargo

kdargo

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Masculino
  • Localidade:Curitiba

Posted 22/06/2010, 13:23

Estou tentando implementar o seguinte script:

$(".pi").live('click', function(){
$("#content").delay(1000).load(this.href).fadeIn();
$("#curtin").slideDown(1300);
$("#curtin").slideUp(1300);
$('#curtin').show();
return false;
});


Ou seja gostaria que a pagina carregasse só apos a div "#curtin" fazer o slideDown,
ja pesquisei, testei vairias maneiras e não estou conseguindo, por isto estou pedindo este socorro ao forum..

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 26/06/2010, 00:37

[codebox]
$(".pi").live('click', function(){
$("#curtin").slideDown(1300, function(){
$("#content").delay(1000).load(this.href).fadeIn();
});
$("#curtin").slideUp(1300);
$('#curtin').show();
return false;
});
[/codebox]

#3 webbruno

webbruno

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 04/09/2010, 20:18

Só explicando... (até pra eu ver se o raciocinio esta correto)

Registrando um evento de click para um elemento com class pi

Aplica slideDown na #curtin e o segundo parametro como é um callback (ou seja é executado quando o slideDown terminar ele aplica um delay de 1000 e aplica o fadeIn em um load feito na div.

Depois SlideUp e Show

Minha colaboração

$(function () {	
	$(".pi").live('click', function(){
	if ($("#curtin").is(':hidden')) {	
		var $link = $(this).attr("href");
		$("#curtin").slideDown(1300, function(){
			$.get($link,function(data){
				$("#content").html(data)
				.hide()
				.fadeIn(1000);
			});
		});	
	}
	else
		$("#curtin").slideUp(1300);		
	return false;
	});	
});

Tambem talvez

$(function () {	
	$(".pi").live('click', function(){
		var $link = $(this).attr("href");
		$("#curtin").slideToggle(1300, function(){
			$.get($link,function(data){
				$("#content").html(data)
				.hide()
				.fadeIn(1000);
			});
		});	
	return false;
	});	
});





0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq