Question

我无法在互联网上找到我想要的东西。

我有这个div，在我的index.php

中

<div id="navigatie_box" class="about">
    <h1 class="navigate_title">About</h1>
    <div class="about_image"></div>
</div>

点击我加载内容我在子图中的内容，content / about.php

在此隐藏内容框中：

<div class="content"></div>

点击内容框即可显示并加载内容/ about.php。

这是我用于那个

的javascript

$(document).ready(function(){
    /* about click */
    $('.about').click(function() {
    $('.about').hide("fast");
    $('.work').hide("fast");
    $('.cv').hide("fast");
    $('.contact').hide("fast");
    $(".content").slideDown("fast");
    $(".content").load("content/about.php");
    });

我现在想要的是我的网址中的位置，因此如果我输入www.example.com/about，隐藏的内容框会显示并加载内容/ about.php。

我认为这是一个noob问题，但我真的无法找到它！

我希望你能帮助我。

Answer 1

首先，您必须在.htaccess中创建重写规则遇到www.example.com/about时指向index.php文件。

同时创建规则以在.htaccess中发送一个GET参数，例如“page”。因此，当我们致电www.example.com/about时，它应该重定向，例如www.example.com/index.php?page=about。

现在在index.php文件中，你必须检查是否设置了$ _GET ['page']，而不是只显示所需的内容。

Answer 2

不确定理解你的问题，但我想你想要这样的事情：

var page = window.location.pathname.split("/").pop();

$(document).ready(function () {
    /* about click */
    $('.about').click(function () {
        $('.about').hide("fast");
        $('.work').hide("fast");
        $('.cv').hide("fast");
        $('.contact').hide("fast");
        $(".content").slideDown("fast");
        $(".content").load("content/" + page + ".php");
    });
});

这是基本的片段，肯定需要一些改进

如何加载只有网址的隐藏内容框？

2 个答案: