我有这个问题:
我想制作一个带有选项卡的导航菜单,当我单击该元素时,它会保持选中状态。但同时,我希望index.php
每个示例调用一个页面,其中包含HEADER
(菜单、徽标等),FOOTER
并在正文ID DIV
中加载来自其他页面的内容(images.php、articles.php、about.php)。 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>
jQuery:
$(document).ready(function(){
var elemento = $('#menu ul > li');
var atributo = $(this).attr('class');
$(elemento).click(function(){
//$('#cuerpo').load('1.php');
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
//alert("Ha salido bien");
});
});
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 类“选择”了它的丢失。任何想法?非常感谢!