wie zu vermeiden, Seite jquery für jede Seite hängt

Question

$.each(dataresp, function(key,val){ 
     cnt=cnt+1; 
     var idval=cnt+"_content"; 
     var str = '<div id="'+idval+'"></div>' 
     $(".Container").append(str); 
     myProcessMethod(idval);// in this method I used to fill the above div with content 
    }); 


when there is too much data , html page is not showing . browser page got freeze until the loop finishes. 

einmal nach Abschluss der Schleife, in der Lage, die Seite zu sehen. wie man das Einfrieren vermeidet. dh. zeigt die Daten in der Browserseite an, nachdem sie einzeln abgeschlossen wurden.

Answer 1

Sie können ein Dokumentfragment erstellen, Ihre Elemente dort anhängen und dann das Fragment an das DOM anhängen.

var docFrag = document.createDocumentFragment(); 

$.each(dataresp, function(key,val){ 
     cnt=cnt+1; 
     var idval=cnt+"_content"; 
     var d = document.createElement('div'); 
     d.id = idval; 
     docFrag.appendChild(d); 
     myProcessMethod(idval);// in this method I used to fill the above div with content 
    }); 

$(".Container").append(docFrag) 

Answer 2

$.each(dataresp, function(key,val){ 
     _.defer(function(){ 
      cnt=cnt+1; 
      var idval=cnt+"_content"; 
      var str = '<div id="'+idval+'"></div>' 
      $(".Container").append(str); 
      myProcessMethod(idval); 
     }); 
    }) 

defer eine Funktion der Unterstrich ist, sondern nur ein Aliase von setTimeout(fn,0), Frontend js, alle sollten schwere Funktion als defer laufen.