Wie ersetzen Sie Text in der Jgrowl-Box reibungslos?

Question

Ich setze den Text in das Jgrowl-Meldungsfeld. Hier ist das Beispiel:

function findID(whichID, command){ 
        if($(whichID).length) 
        { 
         var url='<script>\n\ 
         $("'+whichID+'").fadeOut().load("include/common.php?q='+command+'&p='+username+'", function(response, status, xhr) { $(this).fadeIn(); });<\/script>'; 
         $(whichID).fadeOut().html(url).fadeIn(); 
        } 
       } 

var myID0="myID0"; 
var data='<div id="'+myID0+'" class="arm-info"></div>'; 
      $('#rightcolumn').jGrowl(data, {sticky:true }); 
mytimerID0=window.setInterval(findID, 3000, '#'+myID0, "show_queue"); 

Es funktioniert, aber der Ersatz ist wirklich ruckelt.

Wie wird ein reibungsloser Übergang zwischen zwei Ladeaufrufen hergestellt?

Danke Arman.

Answer 1

Vielleicht ersetzen Sie den HTML-Code nach dem Fadout abgeschlossen ist, dann wieder fadeIn.

$(whichID).fadeOut(function(){ $(this).html(url).fadeIn(); }); 

wenn Sie das tun

$(whichID).fadeOut().html(url).fadeIn(); 

es wird der HTML-Code zur gleichen Zeit ersetzen Gehen beginnt verblassen.

edit:

konnte nicht einfach in der findID Funktion schreiben? Ich glaube nicht, dass Sie das Skript-Tag benötigen:

$.ajax(url:'include/common.php?q='+command+'&p='+username, 
     success: function(data){ 
      $(this).fadeOut(function(){ $(this).html(data).fadeIn(); }); 
     } 
);