jquery’s maskMoney function does not work in div loaded via ajax

Question

I have a page I’m refreshing with ajax only in the div conteúdo. It is configured like this:

div1: I load 2 selects where the user will choose these 2 data (class and bimonthly)

div 2: I load the application menu (.php menu) end of div 2

div id="content": I load the page that reads the 2 selects and load the corresponding php page, according to the item chosen in the menu at div2 end of div id="conteudo"

On the main page, where I have all these Divs, I use the function maskMoney jquery to mask my inputs only as decimal numbers. When I put an input into the upper Ivs (1 and 2) maskMoney works perfectly. When an input is loaded by ajax into the contents div, the maskMoney doesn’t work.

Could someone help me understand why this occurs and how to solve?

Answer 1

Hi, Regina Apparently it’s only working on div’s that don’t use ajax because you must have used the jquery Mask styling command at the time your page loads. It is now necessary to re-enter the plugin function

Try to add the code that applies the mask to the component again at the moment it gets the return of the ajax query, this should solve your problem.

Edited:

Code:

function AlteraConteudo() {
    var ajax = AjaxF();
    ajax.onreadystatechange = function() {
        if(ajax.readyState == 4) {
            document.getElementById('conteudo').innerHTML = ajax.responseText;
            //Aqui você executa os comandos do plugin novamente
        }
    };
    dados = "classe=" + document.getElementById('classes').value + "&bimestre=" + document.getElementById('bimestre').value + "&ano=" + document.getElementById('ano').value + "&tipo=" +document.getElementById('tipo').value;
    var pagina = document.getElementById('pagina').value;
    ajax.open("GET", pagina + dados, false);
    ajax.setRequestHeader("Content-Type", "text/html");
    ajax.send();
}

Att

Bruno Miquelotto