0

我有一个具有以下布局的网页：

Navigation Pane         --------------content pane---------------
item1                   -                                       -
item2                   -                                       -
item3                   -                                       -
item4                   -                                       -
item5                   -----------------------------------------

因此，当我单击 item1 时，内容窗格会显示与 item 1 相关的内容，依此类推。我$.post()用来检索数据。

问题是当我重新加载页面并选择了特定项目时，我将看到与页面的默认选定项目相关的内容（比如 item1）。我应该如何实现，以便在重新加载页面时显示与先前选择的项目相对应的内容。

这与 facebook 的导航窗格相同，用于在群组和新闻源中导航。

请帮我在这里..

4

2 回答 2

0

使用以下代码将 index.php 作为您的控制器页面

$action=$_GET['status'];
switch($action)
{
     case 'item1': include_once "item1_content.php";break;
     case 'item2': include_once "item2_content.php";break;
     default : include_once "default_page.php";break;

}

接下来，各个导航栏链接应如下所示

<a href="index.php?status=item1">item1</a>
<a href="index.php?status=item2">item2</a>
<a href="index.php">Link to default content</a>

基本上发生的是，每当您单击链接时，您将被重定向到索引页面以及设置的状态标志，并根据状态标志，将显示适当的内容。其次，由于 url 即使在刷新时也设置了状态，因此不会重定向到默认内容。

希望能帮助到你..！！

于 2013-07-19T12:36:06.863 回答
0

你可以试试这个：

在链接中添加哈希标签：

<a href="#item1">item1<a>
<a href="#item2">item2<a>
...etc

当页面重新加载时，检查哈希标签并加载相关内容：

loadMyContent(window.location.hash) //where loadMyContent is your own function

由于您拒绝发布代码（您应该始终发布代码），我只是想展示一下总体思路。需要对其进行编辑以与您的项目兼容。您可能还想对不window.location.hash存在的项目进行一些清理以避免 JS 错误。

于 2013-07-19T12:08:13.983 回答