Les éléments dynamics n’apparaissent pas dans IE8 tant que l’utilisateur n’a pas cliqué

J’ai une requête Ajax qui renvoie les résultats de la recherche et je crée dynamicment des éléments DOM pour les afficher. Cela fonctionne comme prévu dans tous les navigateurs que j’ai testés, à l’exception de IE8.

La requête renvoie correctement, JavaScript s’exécute correctement et les éléments sont en cours de création, mais ils ne sont pas affichés dans la page. Ils apparaissent uniquement après un clic de souris quelque part sur la page.

J’ai effectué un test rapide qui exécutait le code de rappel sans la demande Ajax et il se comportait comme prévu. Je me demande donc si cela a quelque chose à voir avec la façon dont IE8 gère le thread de rappel. Est-ce que quelqu’un d’autre a vu un comportement comme celui-ci ou en a une idée?

Le rappel est fondamentalement très simple. J’ai reproduit avec ceci:

• demande ajax jQuery utilisant l’erreur jsonp
• Impossible de transmettre la valeur null au serveur à l’aide de jQuery AJAX. La valeur reçue sur le serveur est la chaîne «null»
• Publication de JSON interdomaine dans ASP.NET avec jQuery
• jQuery UI datepicker s’ouvre automatiquement dans la boîte de dialog
• Request.IsAjaxRequest () renvoie toujours false dans MVC4, a essayé toutes les suggestions dans SO, etc.

function catchResults(response) { var contentBlock = document.getElementById('divResults'); var divResults = document.createElement('div'); var txt = document.createTextNode("Results"); divResults.appendChild(txt); contentBlock.appendChild(divResults); } 

J’utilise JQuery.ajax pour passer l’appel. J’ai vu le bon comportement dans FireFox et Chrome.

Merci pour l’aide!

• $ .ajax post travaillant dans Chrome, mais pas dans Firefox
• code de statut jquery ajax http
• Que devrais-je choisir? jquery, mootools, yui, scriptaculous ou prototype?
• L’appel jQuery AJAX entraîne le statut d’erreur 403
• La méthode getJSON () de JQuery ne définit pas correctement l’en-tête Accepter?

 // Variable storing the test class name var testClass = "testClass"; // Add test class to element contentBlock.className += " "+testClass; // Remove test class from element var reg = new RegExp('(\\s|^)'+testClass+'(\\s|$)'); contentBlock.className=contentBlock.className.replace(reg,' '); 

 // Variable storing the test class name var testClass = "testClass"; // Add test class to element and then remove it $('#divResults').addClass(testClass).removeClass(testClass);