Question

我做了ajax分页（通过观看教程），但现在我需要添加fadein效果，我不知道如何。我试图在任何地方添加.fadeIn()，但它不会工作，我不知道放在哪里。我想做的是平滑页面更改。

这是我的脚本我认为我不需要添加PHP。我只有后退和下一个选项。不是网站数量。

<script>
    $(document).ready(function(){
    //showing the data without refresh but on going to next pagination
    setTimeout(function(){
        load_fn_data();
        }, 1000);

    function load_fn_data(page){
        $.ajax({
            url:"data.php",
            method:"POST",
            data: {
                page:page
            },
            success: function(data){
                $('#load_data').html(data);
            }
        });
    }
        $(document).on('click','.pagination_link',function(){
            var page = $(this).attr("id");
            load_fn_data(page);
        });
    });

</script>

Answer 1

隐藏在成功之前，而不是.html之后隐藏.fadeIn()，如：

function load_fn_data(page){

    $('#load_data').hide()

    $.ajax({
        url:"data.php",
        method:"POST",
        data: {
            page:page
        },
        success: function(data){
            $('#load_data').html(data).fadeIn(800);
        }
    });
}

将.fadein（）放在ajax分页中的位置

1 个答案: