inputmask em conteúdo via ajax

[dan.jjd142 0]

Pessoal, o plugin funciona normalmente na minha pagina principal, mas quando carrego um conteúdo via ajax o plugin não funciona nesse conteúdo.

 

$('a[name="loadAjax"]').click(function() {
    var dados = '&acao=loadContatos&id=' + $(this).attr('id');
    $.ajax({
        url: 'conteudo.php',
        data: dados,
        type: 'POST',
        success: function(data) {
            $('#content').html(data);
        }
    });
    return false;
});

Já tentei usar:

success: function(data) {
            $('#content').html(data, function(){
                 $(.maskphone).inputmask("(99) 9999-9999");
            });
        }

Mas não funcionou também.

 

 

[William Bruno 1501]

Faz assim:

 

success: function(data) {
    $('#content').html(data).find('.maskphone').inputmask("(99) 9999-9999");
}

[gpontes 9]

Seu código não está errado, tente dar uma olhada no console do seu browser e nos mostre o erro!

 

Só uma sugestão, em vez de usar uma string para fazer o post, use um objeto literal para ficar mais fácil para ler, por exemplo:

$('a[name="loadAjax"]').click(function() {
  var dados = {
    acao : "loadContatos",
    id   : $(this).attr('id')
  }
  
  $.ajax({
    url: 'conteudo.php',
    data: dados,
    type: 'POST',
    success: function(data) {
      $('#content').html(data);
    }
  });

  return false;
});

Edit:

 

Troque de:

$(.maskphone).inputmask("(99) 9999-9999");

Para:

$('.maskphone').inputmask("(99) 9999-9999");

[dan.jjd142 0]

Valeu Bruno, funcionou dessa forma.

 

Faz assim:

success: function(data) {
    $('#content').html(data).find('.maskphone').inputmask("(99) 9999-9999");
}

 

gpontes, vou passar a utilizar sua sugestão.