php - 数据库中的 FadeIn 内容被一些 php 抓取

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(); });
        });
    });
});

演示