如何顺利替换jgrowl框中的文本？

Question

我正在 jgrowl 消息框中设置文本。 这是一个例子：

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");

它可以工作，但替换后确实很不稳定。

如何在两次加载调用之间平滑过渡？

谢谢阿曼。

Answer 1

也许在淡出完成后替换 html，然后再次淡入。

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

如果你这样做，

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

它会在 html 开始淡出的同时替换它。

编辑：

你不能直接写在findID函数中吗？我认为你不需要脚本标签：

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