[Resolvido] [jQuery/jQuery UI] Diálogos folgados.

[lukoBR 0]

Salve pessoal, mais um problema com jQuery, eis os códigos e a complicação. Obrigado pelo interesse.

 

/inicio

<script type="text/javascript">
$(function() {
	$('.testeModal').click(function(){ $('#testeModal').load("/teste"); return false;});
});
</script>
// AQUI FICA O CONTEÚDO DO SITE
<div id='testeModal'>// TESTE</div>
<div id='testeModal2'>// TESTE 2</div>
<a href="#" class="testeModal">Teste</a>
<a href="#" class="testeModal2">Teste 2</a>

/teste

<script type="text/javascript">
$(function() {
	$('#teste').dialog({width: '330px'});
	$('.testeModal2').click(function(){$('#testeModal2').load("/teste2"); return false;});
});
</script>

<div id="teste">
// AQUI FICA O TESTE

<a href="#" class="testeModal2">Teste 2</a>
</div>

/teste2

<script type="text/javascript">
$(function() {
	$('#teste2').dialog({width: '330px'});
});
</script>

<div id="teste2">
// AQUI FICA O TESTE2
</div>

Se eu clicar em teste (pág. /inicio), abrirá o diálogo (da pág. /teste), se eu clicar no link que possuirá no dialogo e abrirá outro novo dialogo, se eu fechar e clicar em teste2 (da pág. /inicio) abrirá ao invés de um, dois diálogos.

 

Tá, ficou confuso. Vamos por passos:

 

Clico no link "Teste" da página "/inicio" que abrirá um diálogo da página "/teste"

Clico no link "Teste 2" do diálogo aberto, e abre "Diálogo 2" da página "/teste2"

Se eu fechar o segundo diálogo aberto e clicar no link "Teste 2" do "/inicio" abrirá ao invés de um, dois dialogos.

 

Sacou? Qualquer coisa, pergunta embaixo para eu te ajudar e você me ajudar =P

 

Espero que possam me ajudar, pois ja tentei mil coisas. Agradeço muito =)

[lukoBR 0]

Depois de quebrar a cabeça por bastante tempo, e já estar quase 02:00 da madrugada, descobri a minha burrice...

 

Eu estava carregando as páginas e "diálogs" e esquecendo de descarregar, por isso fiz o seguinte:

 

Em "/inicio" e em "/teste2" não mudei nada;

 

Em "/teste" adicionei o que está em destaque:

<script type="text/javascript">
$(function() {
	$('#teste').dialog({width: '330px'});
	$('#teste //adicionei #teste .testeModal2').click(function({$('#testeModal2').load("/teste2"); return false;});
});
</script>

[RESOLVIDO]! Valeu =)