Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andrew Marques

Aonde colocar essa parte do codigo?

Recommended Posts

Pessoal, vi no site do William Bruno como carregar páginas com ajax...

 

E vi que essas páginas "não funcionam" os scripts internos, então o William postou a solução aqui, porém na solução dele ele usou a função .load e na minha uso o $.ajax para carregar e não sei onde coloco aquele código para resolver o problema:

 

Script com problema:

$(document).ready(function() {
		$('#content').load('lightbox.html');
		$('#gallery a').lightBox();
	});

 

Problema solucionado:

$(document).ready(function() {
		$('#content').load('lightbox.html', 
			function(){
				$('#gallery a').lightBox();
			}
		);
	});

 

E o meu código é assim:

 

var href = $( this ).attr('href');
		$.ajax({
			url: 'index.php',
			success: function( response ){
				//forçando o parser
				var response = $( '<div>'+response+'</div>' );
				
				var data = response.find('#'+href).html();

				//apenas atrasando a troca, para mostrarmos o loading
				window.setTimeout( function(){
					content.fadeOut('slow', function(){
						content.html( data ).fadeIn();
					});
				}, 1000 );
			}
		});

 

Aonde devo colocar esse function(){} para resolver??

Compartilhar este post


Link para o post
Compartilhar em outros sites

aqui:

window.setTimeout( function(){

content.fadeOut('slow', function(){

content.html( data ).fadeIn();

 

$('#gallery a').lightBox();//logo depois de colocar o retorno no DOM

});

}, 1000 );

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas ele disse onde colocar no seu código:

 

 

$.ajax({
url: 'index.php',
success: function( response ){
//forçando o parser
var response = $( '<div>'+response+'</div>' );


var data = response.find('#'+href).html();


//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout( function(){
content.fadeOut('slow', function(){
content.html( data ).fadeIn();


-->>>$('#gallery a').lightBox();


});
}, 1000 );
}
});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Coloquei mas não funcionou ;(

 

$.ajax({
url: 'index.php',
	success: function( response ){
	//forçando o parser
	var response = $( '<div>'+response+'</div>' );
	
	var data = response.find('#'+href).html();

	//apenas atrasando a troca, para mostrarmos o loading
	window.setTimeout( function(){
	content.fadeOut('slow', function(){
	content.html( data ).fadeIn();
							
	$(".nossos_trabalhos").jCarouselLite({
		visible: 2,
		btnNext: "#next_nav_trabalhos",
		btnPrev: "#prev_nav_trabalhos",
		vertical: true,
		speed: 1200
		});
		
	});
	}, 1000 );
	}
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

aperte Ctrl + Shift +J e veja qual erro aparece no firefox.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou usando Chrome, e não aparece nenhum erro no Console, apenas não funciona como preciso...

 

Da uma ajudaaaaaaa já to ficando louco com isso kkk'



William, estou precisando disso por que não consegui fazer aquele parada de voltar pra página antiga, então envez de voltar pra página anterior vou colocar a página anterior denovo com ajax entendeu...

 

E nessa "página anterior" que tem os Javascripts que preciso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

eles precisam estar na página q já está carregada.

 

a regra aqui para fazer ajax, é não trazer nenhuma tag script nele. E sim já deixar todos os q vc for precisar já importados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.