Ir para conteúdo

POWERED BY:

Arquivado

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

divertoso

[Resolvido] como usar funções jquerry em paginas carregadas via .

Recommended Posts

salve galera!!!

 

vejam minha situação:

 

tenho um arquivo html principal que carrega um conteudo externo via jquery:

 

<!DOCTYPE HTML>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="JS/principal.js"></script>   
    </head>
    
    <body>
    	
        <div id="id_div">
        
        <!--quando o documento estiver pronto, vai ser carregado o 'pg01.html' aqui-->
    	
        </div>
        
    </body>  
</html>

esse arquivo importa a lib do jquery + o meu .js:

 

// JavaScript Document

$(document).ready(function(){
               
<!--	qnd o doc estiver pronto, carregar o arquivo pg01.html dentro da div da pg principal	-->	   	   
	$('#id_div').load('HTML/pg01.html');
		
		
	<!--qnd <p>for pressionado, sumir com a div da pagina-->	
	 			 
	$('#id_p').click(function(){
										
		$('#id_div02').hide();					
	});

});

quando o documento estiver pronto, o arquivo pg01.html vai sser carregado dentro da div do arquivo principal:

 


<p id="id_p">clique aqui</p>

<br />

<div id="id_div02">
	<p>essa div deve sumir qnd pressionao o p acima</p>
</div>    

agora que vem o problema:

 

a pagina carrega certo (meu html principal exibe a pg01 dentro da div da pg principal)

 

mas a funçao que faria o <p> desaparecer não funciona (não da pra aplicar o .click no meu <p> )

 

é como se o conteudo do arquivo carregado via .load() nao conseguisse enchergar as funçoes do meu js...

 

(tentei fazer 'tudo na msm pagina e da certo, o problema é aplicar os efeitos no arquivo carregado via .load())

 

como eu faço isso funcionar??

 

galera.. ninguem manja??? plz!!!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

é como se o conteudo do arquivo carregado via .load() nao conseguisse enchergar as funçoes do meu js...

sim, pois o document.ready já foi... e oq você trouxe, veio depois disso..

 

(tentei fazer 'tudo na msm pagina e da certo, o problema é aplicar os efeitos no arquivo carregado via .load())

 

como eu faço isso funcionar??

use o método .live() do jQuery

 

http://api.jquery.com/live/

galera.. ninguem manja??? plz!!!!!

 

aguarde alguém te responder.. nem sempre tem gente online, e lendo topicos a toda hora.

Compartilhar este post


Link para o post
Compartilhar em outros sites

nss deu certo!! deixei as funçoes relativas aos arquivos externos de fora do '.ready' + - assim:

$('#meuBotao').live('click',function(){
			   $('#p01').hide();
			 });

e funcionou! :)

 

vlws ae William ,foi malz a 'pressa' (sabe como é...o negocio tenq funcionar e eu tenho q aprender ao msm tempo :( )

 

flwss

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pooo, vlw, matou duas dúvida numa só, ia postar um tópico agora mesmo perguntando exatamente isso.

 

Vlw aeee.

 

Resolvido ²

 

Abraço

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.