加载页面并淡入或淡出ajax html

Load page and fade in or out ajax html

本文关键字：淡出 ajax html 淡入 加载      更新时间：2023-09-26

嗨，我正在一个简单的移动网站上工作，我希望根据用户点击的链接加载不同的页面，但我在上遇到了一些问题

我想加载这样的页面

    ../user/index.php

我可以这样做

     $("demo").load("../user/index.php")

有没有一种合适的方法可以通过ajax来实现这一点，让我知道它已经加载了吗？？

我还想让它在这个内容中淡出到一个div开关中。我已经找到了如何执行todo，但我想知道如何让它在淡出新内容之前淡出div中所有准备好的内容？

我的内容正在逐渐消失，就像一样

    <script>
 function fadeToggle(){
        $("#demo").fadeToggle("slow");
    });

}

现在我把它放在一个盒子里，点击后淡出，但我需要再次点击才能让它在中淡出

我正在寻找一种方法，让它在页面加载时淡出内容，然后wen用户点击链接淡出设置内容加载新内容检查是否成功，然后淡出新内容任何帮助都会很棒

可能是这样的：

$('#demo').fadeOut('slow').load("../user/index.php", function() {
  $(this).fadeIn('slow');
});

我已经完成了这项工作，并在下面为其他可能需要它的人发布了代码

    $("#demo").load("login.php",function(responseTxt,statusTxt,xhr){
  if(statusTxt=="success")
    $("#demo").fadeToggle("slow");
  if(statusTxt=="error")
    alert("Error: "+xhr.status+": "+xhr.statusText);
});
相关文章：