WordPress的JavaScript页面转换问题

Question

当访问者单击“使用JavaScript创建帐户”时，我想添加一个淡入/淡出页面过渡。使用下面的代码，淡出过渡效果很好。问题是注册页面无法正确加载。当注册页面加载时，其全部变为白色。如果刷新页面，则会显示内容，但随着页面加载它应该逐渐消失。

我认为问题出在ajax的可能性上。不确定我是否应该在第13行和第14行上使用.php。

const newPage = $(data).filter("body").php()            
$("body").php(newPage)

我正在使用WordPress，但不确定是否重要。

$("a.create-account").on("click", function (event) {

    event.preventDefault()

    const href= $(this).attr("href")

    window.history.pushState(null, null, href)

    $.ajax({    
        url:href,   
        success: function (data) {
            $("body").fadeOut(250, function() {         
                const newPage = $(data).filter("body").php()            
                $("body").php(newPage)          
                $("body").fadeIn(250)               
            })  
        }   
    })  
})

最后，我只想淡出主页并淡入注册页面。我想我快到一半了。只需一点帮助即可到达终点线。