jQuery empty () / remove () fait sauter la page

J’ai un site Web de surveillance qui indique “qui est connecté” et son “état” (en ligne / à l’extérieur / etc.).

Ils sont essentiellement enveloppés au bas de ma page avec:

Tous les “agents” entrent donc dans le div avec la classe “agent_telecaster_container”. J’ajoute autant de divs que nécessaire avec:

 for (nameAgent in supervisionagents.group[0].agent) { //$("#agentenstatuus").append(''+nameAgent+'
'); counter++; if (supervisionagents.group[0].agent[nameAgent].stateCurrent.description == "idle") { $(".agent_telecaster_container").append(' ' + nameAgent + '
'); }

Qui s’appelle encore et encore.

Ce dont j’ai besoin, c’est de “nettoyer” le contenu car il se peut que chaque seconde quelqu’un soit déconnecté ou en ligne.

Jusqu’à présent, cela peut être possible avec un simple:

 $('.agent_telecaster_container').empty() / .remove();

Mais ce qui se passe alors, c’est que si je déplace mon sharepoint vue / barre de défilement pour afficher des éléments situés sous cette table, à chaque rechargement (toutes les secondes), il revient à cette position. Je suppose que cela se produit à cause de la suppression / vide et cet élément est supprimé mais le nouveau contenu entre en

Quelqu’un a-t-il une idée sur la façon d’empêcher le saut? : /

Avez-vous d’abord essayé de cacher l’élément, puis de le retirer? .hide (). remove (); Ou essayez un fadeOut () puis appelez remove () dans le rappel:

 .fadeOut('fast',function( $('.agent_telecaster_container').remove(); ));

Vous pouvez définir votre conteneur principal pour les contacts en fonction de la hauteur et append une barre de défilement wertical. Puis rien ne saute.

Cela fonctionne bien 🙂

 $('#agentenstatuus').css('height',$('.agent_telecaster_container').height());

à la fin de chaque boucle 🙂 Ceci place la cellule de la table à la hauteur du conteneur div et aucun saut ne survient!

Mon erreur précédemment modifiée était due à une erreur CSS dans mon fichier .css.