Php 导航栏（菜单），包括

我有一个问题：

我想创建一个带有选项卡的导航菜单，当我单击该元素时，该菜单将保持选中状态。但同时，我希望每个示例都有一个名为

index.php

的页面，带有

页眉（菜单、徽标等）、
页脚
，在正文中有一个
ID DIV
，加载其他页面（images.php、articles.php、about.php等）的内容

我试着用
jQuery
来实现它，但是它可以工作，但是内容显示了很多错误，因为这些内容依赖于数据库（
MySQL
），并且所有带变量的函数都在
index.php
中

菜单：

<li><a href="index.php?pag=1&lang=<?php echo $lang;?>"><?php echo $ent;?></a></li>
<li><a href="index.php?pag=2&lang=<?php echo $lang;?>"><?php echo $lis;?></a></li>

PHP代码：

<div id="cuerpo">
 <?php

 switch($_GET['pag']){
    case 1:
    echo "<h1>Estamos en la página ".$_GET['pag']."</h1>";
    include '1.php';

    break;

    case 2:
    echo "<h1>Estamos en la página ".$_GET['pag']."</h1>";
    include '2.php';
    break;

    default:
    include '1.php';
    break;
 }

 ?>

</div>



不管怎样，当我点击时，CSS类“选择”了它。
有什么想法吗？非常感谢
 根据我认为您所要求的内容，您希望有一个包含content div的页面，根据您选择的菜单项加载不同的内容。一种预先打包的方法是使用jQueryUI选项卡，您可以找到这些选项卡

一种自己完成的方法将产生一个类似的页面，但将使用您自己的代码。
我会在这里为它概述，如果你想进一步的细节，你可以让我知道

首先，您将创建某种包含某种元素的菜单项。这方面的一个例子是使用列表

<ul>
  <li id="one">Link 1</li>
  <li id="two">Link 2</li>
  <li id="three">Link 3</li>
</ul>


在此之后，您所要做的就是为您选择的类添加一个css条目，以便按照您想要的方式对其进行样式设置

如果您有任何进一步的问题或需要更详细的说明，请让我知道。
根据我认为您所问的问题，您希望有一个包含内容div的页面，根据您选择的菜单项加载不同的内容。一种预先打包的方法是使用jQueryUI选项卡，您可以找到这些选项卡

一种自己完成的方法将产生一个类似的页面，但将使用您自己的代码。
我会在这里为它概述，如果你想进一步的细节，你可以让我知道

首先，您将创建某种包含某种元素的菜单项。这方面的一个例子是使用列表

<ul>
  <li id="one">Link 1</li>
  <li id="two">Link 2</li>
  <li id="three">Link 3</li>
</ul>


在此之后，您所要做的就是为您选择的类添加一个css条目，以便按照您想要的方式对其进行样式设置

如果您有任何进一步的问题或需要更详细的说明，请告诉我。
单击某个元素并使其保持“选定”状态可以使用CSS样式，使用“选定”类完成。
首先从所有元素中删除“selected”类，以从以前选择的任何元素中删除样式：

 $('nav').children('.selected').attr('className','');

然后“选择”刚刚单击的项目

 $(this).attr('className','selected');

单击一个元素并使其保持“选中”状态可以通过CSS样式，使用“选中”类来完成。
首先从所有元素中删除“selected”类，以从以前选择的任何元素中删除样式：

 $('nav').children('.selected').attr('className','');

然后“选择”刚刚单击的项目

 $(this).attr('className','selected');

好的，这有各种不同的方面需要考虑/处理

如果您希望通过jQuery继续执行此操作，则需要使用AJAX POST调用从数据库加载数据的php页面，然后通过JSON请求将数据发送回jQuery代码（它会为您执行此操作），然后您只需在需要的地方显示结果。你可以通过在这个网站甚至谷歌上搜索AJAX帖子来找到如何轻松做到这一点。有很多关于这种方法的非常简单的教程

如果您是从数据库加载导航，那么将其选中并不困难。如果您不是，那么您将需要使用javascript/jQuery在以后添加css

仅使用PHP和html:
我通常会在URL中添加变量，然后使用$\u GET[variable\u name]来使用这些变量来搜索我需要从数据库加载的数据，比如文章的ID或日期范围

举一个非常粗糙的例子：

<a href='/index.php?articleID=145&nav=navlinkclicked&category=phpcode'>

然后，只需在页面的主要内容区域中回显您的结果，而不是首先加载原始内容

假设您正在从数据库中提取导航链接，当您获取导航链接时，请检查导航链接是否与从顶部获取的$Navlink同名，然后在while循环期间使用if语句向该链接添加一个类，同时将其回显：

if($thisnavitem == $navLlink){
    echo "<a href='/index.php?articleID=145&nav=navlinkclicked&category=phpcode' class='selectedNave'>"
} else {
    <a href='/index.php?articleID=145&nav=navlinkclicked&category=phpcode'>
}

if（$thisnavitem==$navlink）{
回声“”
}否则{
}

我希望这有帮助。这可以详细说明很多，但这应该是一个良好的开端
好的，这有各种不同的方面需要考虑/处理

如果您希望通过jQuery继续执行此操作，则需要使用AJAX POST调用从数据库加载数据的php页面，然后通过JSON请求将数据发送回jQuery代码（它会为您执行此操作），然后您只需在需要的地方显示结果。你可以通过在这个网站甚至谷歌上搜索AJAX帖子来找到如何轻松做到这一点。有很多关于这种方法的非常简单的教程

如果您是从数据库加载导航，那么将其选中并不困难。如果您不是，那么您将需要使用javascript/jQuery在以后添加css

仅使用PHP和html:
我通常会在URL中添加变量，然后使用$\u GET[variable\u name]来使用这些变量来搜索我需要从数据库加载的数据，比如文章的ID或日期范围

举一个非常粗糙的例子：

<a href='/index.php?articleID=145&nav=navlinkclicked&category=phpcode'>

然后，只需在页面的主要内容区域中回显您的结果，而不是首先加载原始内容

假设您正在从数据库中提取导航链接，当您获取导航链接时，请检查导航链接是否与从顶部提取的$Navlink同名，然后在该链接被回显时向该链接添加一个类