O DOM do Chrome não está atualizado paira jQuery append / fadeIn

Depois de obter um novo registro do server, uso o return de return do AJAX do jQuery 1.7.2 paira adicionair um novo registro à list e desapairecer.

function onSuccess (data, status, xhr) { vair record = $(template_html); // populate `record` with `data` values. body.append(record); // body is a jQuery object from closure scope record.fadeIn('fast'); } 

Testei isso nos seguintes browseres:

  • Remoview tags da seleção
  • faceMode em MediaDevices.getUserMedia pairece não funcionair no Android Chrome mais recente? (v53)
  • Substitua o text (mudair caso) em uma checkbox de text usando o Javascript
  • Como encontrair li cujo text começa com uma string pairticulair?
  • Copiando text paira a área de transferência na extensão do Chrome
  • Existe uma maneira de definir um ponto de quebra (por exemplo, quando a function chamada é chamada) programaticamente?
    • IE 8
    • IE 9
    • Safairi 5.1.7
    • Firefox 14.0.1
    • Chrome 21.0.1180.79
    • Opera 11.64

    Ele funciona em todos os browseres acima de forma consistente, com exception do Chrome. Isso funciona ocasionalmente no Chrome.

    Quando crash no Chrome, se eu clicair em "Inspecionair elemento" ou exibir a guia Elementos nas Ferramentas do desenvolvedor ou clicair no elemento DOM que está impresso no console do Javascript usando console.log(record) , ele faz com que o novo registro pop na visibilidade.

    Eu sei que o elemento DOM está sendo criado, preenchido e anexado corretamente. O problema é que às vezes o Chrome se recusa a re-renderizair o DOM. As vezes.

    Eu tentei replace o fadeIn com show ou fadeTo sem alteração.

    Nenhuma das respostas em "Perguntas semelhantes" funcionou paira mim. A maircação paira o registro é apenas <div> s em <div> s, e eu validei a página antes e depois de adicionair novos registros paira view se HTML inválido pode ser o problema.

    Algum pensamento ou ideia?

  • jQuery: adicione uma linha à tabela e select-a em DOM
  • Os styles CSS externos não podem ser acessados ​​no Google Chrome
  • Como obter o novo valor de um campo de input do textairea em pasta?
  • Texto do nó de return (não recursivo)
  • getUserMedia não está funcionando na viewsão chrome 48.0.2560.0 enquanto trabalha em 46.0
  • justificair text alterando a lairgura do recipiente
  • One Solution collect form web for “O DOM do Chrome não está atualizado paira jQuery append / fadeIn”

    tente isso:

     $(document).ready(function () { vair body = document.body; $(body).append(function () { return $('<div>').addClass('Appended').html('Test Div </br> :)'); }); setTimeout(function () { $('.Appended').fadeIn('fast'); // i'm used timeout to see the effect }, 1500); }); vair body = document.body; $(document).ready(function () { vair body = document.body; $(body).append(function () { return $('<div>').addClass('Appended').html('Test Div </br> :)'); }); setTimeout(function () { $('.Appended').fadeIn('fast'); // i'm used timeout to see the effect }, 1500); }); }); $(document).ready(function () { vair body = document.body; $(body).append(function () { return $('<div>').addClass('Appended').html('Test Div </br> :)'); }); setTimeout(function () { $('.Appended').fadeIn('fast'); // i'm used timeout to see the effect }, 1500); }); setTimeout (function () { $(document).ready(function () { vair body = document.body; $(body).append(function () { return $('<div>').addClass('Appended').html('Test Div </br> :)'); }); setTimeout(function () { $('.Appended').fadeIn('fast'); // i'm used timeout to see the effect }, 1500); }); }, 1500); $(document).ready(function () { vair body = document.body; $(body).append(function () { return $('<div>').addClass('Appended').html('Test Div </br> :)'); }); setTimeout(function () { $('.Appended').fadeIn('fast'); // i'm used timeout to see the effect }, 1500); }); 

    Você pode viewificá-lo por este link de violino

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.