Question

这段代码（带有另一个php文件）从数据库中抓取一些内容并将其推送到名为about_content的div中。

$(document).ready(function(){
        $('a#about-menu').click(function() {
            var id = $('a#about-menu').attr('class');

            $.post('subpages/content_about/about_content.php',{id: id}, function(id){

                $('div#about_content').text(id)
            });
        });
});

一切正常，但你能不能告诉我如何修改这些内容，这样东西就会消失，而不仅仅是被砸在......我不确定如何在这种情况下使用fadeIn函数..

Answer 1

尝试..

$('div#about_content').css('opacity', '0').text(id).fadeIn();

Answer 2

你可以做到

   $('div#about_content').hide();
   $('div#about_content').html(id);
   $('div#about_content').fadeIn(1000);

没有测试它，所以我不确定你可以尝试

Answer 3

这会淡化现有内容，然后替换内容并将其淡入！

$(document).ready(function(){
    $('a#about-menu').click(function() {
        var id = $('a#about-menu').attr('class');
        $.post('subpages/content_about/about_content.php',{id: id}, function(id){
            $('div#about_content').fadeOut('fast',function(){ $(this).html(id).fadeIn(); });
        });
    });
});

DEMO

来自数据库的FadeIn内容被一些php抓住了

3 个答案: