Ir para conteúdo

Arquivado

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

ma_gr

Máscara jQuery não funciona com carregamento dinâmico ajax

Recommended Posts

Tenho uma página que carrega conteúdos de outras páginas com ajax. Entre eles tem alguns forms onde uso máscaras para validar alguns campos como telefone, data, cpf...

 

Quando carrego a página separadamente as mascaras funcionam normalmente. O problema é quando carrego por ajax na página principal.

Simplesmente não funciona.

 

Tentei de várias formas:

Deixar a máscara somente na página original do formulario;

Deixar somente na página principal que carrega as outras por ajax;

Nas duas páginas;

Tentei colocar o script no final de cada página; ou logo no final da div onde o conteudo é carregado;

 

Nada funcionou. Alguma outra coisa que posso tentar?

 

Grato.

 

script:

<script src="js/jquery-1.11.1.js"></script>

<script src="js/jquery.maskedinput.js"></script>

<script>
    jQuery(function($){
	$("#data").mask("99/99/9999");
    });
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Legal esse post.

 

Já havia lido alguns do seu site sobre isso.

O que acontece é que com esse método, a página em questão (cad_eventos.php) é carregada automaticamente quando o DOM termina de carregar.

<script>
$(document).ready(function() {
    $("#show_content").load('cad_eventos.php',
        function(){
	$("#data").mask("99/99/9999");
	});
});
</script>

Não pretendo que isso aconteça. Somente quero carregar quando clico no link específico.

Como faço isso? As tentativas que fiz não deram certo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Hum.. não cara.. não é isso que você entendeu não, veja:

 

<script>
$(document).ready(function() {

  $("#link_tal").on('click', function(){
    $("#show_content").load('cad_eventos.php', function(){
	$("#data").mask("99/99/9999");
     });
  });

});
</script>

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.