Question

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

我想加载一个像这样的页面

    ../user/index.php

我可以这样做

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

有没有一个正确的方法来解决这个问题只是ajax会让我知道它已被加载？

我也希望它能将这个内容淡化为一个div女巫我已经发现了todo但我想知道如何让它淡出在div中已经准备好的内容然后逐渐淡出新内容？

我的内容如此褪色

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

}

现在我让它在一个盒子里褪色并在点击时淡出它但我需要再次点击才能让它在淡入淡出

我正在寻找一种方法让它在页面加载时淡出内容然后用户点击链接淡出设置内容加载新内容检查succsess然后淡入新内容任何帮助都会更加

Answer 1

可能是这样的：

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

Answer 2

嗨已经有了这个工作，并且代码发布了其他可能需要它的人

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

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

2 个答案: