使用 jquery 和 php 进行页面转换 [关闭]答案

【问题标题】：page transitions with jquery and php [closed]使用 jquery 和 php 进行页面转换 [关闭]
【发布时间】：2012-11-22 11:56:24
【问题描述】：

我正在使用 php 开发应用程序，并且我正在使用类似的东西来更改页面

<?php
            if (!isset($_GET["p"])){
                $p = 'home';
            } else{
                $p = $_GET["p"];
            }
            include "$p.php";
?>

我想知道的是，当我更改页面时，是否有办法使用 JQuery 放置一些效果

加载图标之类的东西或任何使浏览器在从一个页面转到另一个页面时不显示该白页的东西，你能理解我想要什么吗？

起初我使用隐藏的divs 和显示/隐藏，但这通常会产生 JQuery 效果在这个divs 中搞砸了，所以我改成了php include。

我需要的是人们不会觉得离开页面去接触另一个页面，我希望他们觉得他们只是在改变内容。

【问题讨论】：

stackoverflow.com/questions/781654/… 的副本
考虑使用允许页面的“白名单”。如果您的服务器上启用了allow_url_include，这可能会被利用在您的服务器上运行恶意代码。
我如何评价答案？ '-'

标签： php javascript jquery

【解决方案1】：

如果您只是为每个页面创建链接，我认为这是不可能的。

您可以做的是通过 ajax 进行页面更改。像这样的：

<body>
  <div id="content"></div>
</body>

$("#home").click(function() {
  $.ajax("index.php?p=home")
    .done(function(pageHtml) {
      $("#content").html(pageHtml);
    });
});

到主页的链接有id="home"，并用效果替换$("#content").html(pageHtml);。

【讨论】：

谢谢我试试看
谢谢兄弟，这个效果很好！！现在我必须弄清楚如何用效果xD替换
太棒了！对于效果，请使用：api.jquery.com/category/effects 或 docs.jquery.com/UI/Effects。请记住接受答案。
是的，我知道我必须接受，只是不知道怎么xD
向下投票箭头下方的勾号。

【解决方案2】：

在此处了解标准页面过渡效果：http://www.boogiejack.com/transition_effects.html

【讨论】：

我试过了，它不适合我，但还是谢谢

【解决方案3】：

使用 ajax 加载页面并使用 jquery 产生效果。这可以满足您的要求。

<script>
$("#home").click(function() {
  $.ajax("index.php?p=home").done(function(pageHtml) {
      $("#body").html();
    });
});
</script>
<body id="body">
  <a id="home">Home</a>
</body>

【讨论】：

谢谢，我试试
谢谢兄弟，效果很好！！
好的一定要接受答案