Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17586
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como fazer chamada jQuery dentro do arquivo carregado com load

04-01-2017 15:16

Nesse post vou mostrar como carregar funções jQuery dentro de um arquivo chamado por outro arquivo usando a função jQuery load.

Por exemplo tempos a seguinte situação:

teste1.html

<script src="jquery.js"></script> <script> $(function() { $(".botao").click(function() { alert("botão do documento chamado"); }); $("#div").load("teste2.html"); }); </script> <div id="div"></div>

No teste2.html temos:

<input type="button" name="" class="botao" value="botao" />

Logicamente a idéia é que o botão que está em um arquivo chamado pelo load funcione com a função dele dentro do arquivo principal.
Coisa que não vai funcionar.

Para que esse exemplo funcione a função do botão tem que estar no arquivo chamado dessa forma:

teste1.html

<script src="jquery.js"></script> <script> $(function() { $("#div").load("teste2.html"); }); </script> <div id="div"></div>

teste2.html

<script> $(function() { $(".botao").click(function() { alert("botão do documento chamado"); }); }); </script> <input type="button" name="" class="botao" value="botao" />

Lembrando que não é necessário fazer chamada jQuery no arquivo carregado pelo load.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado