Question

我有这条线，但是我尝试添加淡入淡出或淡入淡出部分，它没有任何效果，所以我认为它写得不正确......

$(".bold_link").replaceWith('<span class="bold_link">No Virus Found! <img src="/images/virus-tick.png" alt=""/></span>').fadeTo('slow', 1);

如果需要，整个代码是：

$(function() {
$('.bold_link').click(function(e){
    $("#vc_icon").attr('src',"/images/virus-checking.gif");
    e.preventDefault();
    var shortname = "<?php echo $shortname; ?>";
    $.get("/virus-check.php?ajax", {sn: shortname}, function(data){
        if(data == '"Safe"'){
            $(".bold_link").replaceWith('<span class="bold_link">No Virus Found! <img src="/images/virus-tick.png" alt=""/></span>').fadeTo('slow', 1);
        }
        else{
            $(".bold_link").replaceWith('<span class="bold_link"><img src="/images/virus-cross.png" alt=""/> Infection Detected!<br />File no longer available for download.<br />Administrators have been notified.</span>');
        }
    });
});

}）;

当点击链接时，jquery向服务器发送ajax请求，该服务器扫描文件，如果是，则返回结果“Safe”，否则返回。 jQuery相应地做出响应。我只是希望它看起来有点漂亮而且淡出结果......

任何帮助都会很棒。

感谢。

Answer 1

写一个单独的行$(".bold_link").fadeOut();它会起作用:)

Answer 2

首先执行fadeOut以使fadeIn显着

$('.bold_link').click(function(e){
    $("#vc_icon").attr('src',"/images/virus-checking.gif");
    e.preventDefault();
    var shortname = "<?php echo $shortname; ?>";

    $(".bold_link").fadeOut(500,function(){

     $.get("/virus-check.php?ajax", {sn: shortname}, function(data){
      if(data == '"Safe"'){
                $(".bold_link").replaceWith('<span class="bold_link">No Virus Found! <img src="/images/virus-tick.png" alt=""/></span>').fadeIn('slow');
            }
            else{
                $(".bold_link").replaceWith('<span class="bold_link"><img src="/images/virus-cross.png" alt=""/> Infection Detected!<br />File no longer available for download.<br />Administrators have been notified.</span>').fadeIn('slow');
            }
     });

    });
});

快速jQuery fadeTo / fadeIn语法

2 个答案: