Aide jQuery Animation

Question

J'ai une quantité dynamique de div renvoyée par une requête, le tout avec la classe #li. Je veux qu'ils se fondent en douceur au lieu de simplement apparaître. Jusqu'à présent, je suis en utilisant ce code:

function loadTables() { 
       $.get("display.php", { server: Server, username: Username, password: Password, database: Database, content: "tables" }, 
        function(data){ 
         html = '' 
         $(data).find("table").each(function() { 
          html = html + "<div id='li'>" + $(this).text() + "</div>"; 
          }); 
         $('#content').html(html); 
         $('#li').hide(); 
         $('#li').fadeIn('slow'); 
        } 
       ); 
      } 

Mais le problème est, l'animation ne fonctionne que sur la première div. Il anime juste très bien. Mais tout le reste apparaît juste. Les docs sur jQuery.com disent qu'il fait ceci pour tous les éléments correspondants, mais, il ne semble pas le faire. Comment puis-je réparer cela?

Answer 1

Vous ne pouvez pas avoir le même identifiant pour plusieurs éléments.
Essayez de remplacer l'ID par la classe.

Answer 2

Les ID en XML/HTML sont conçus pour être uniques. Vous devriez changer l'identifiant en classe et ensuite appeler $ (". Li") à la place si $ ("# li"). jQuery s'arrête probablement à la première occurrence, car c'est la norme.