包括javascript菜单与活动类


Include javascript menu with active class

我想包含这个菜单到我的网页与以下索引页代码:

<div id="header"><?php include "shared/header.php"; ?></div>        
<div id="container">
    <div id="menu"><?php include "shared/menu.php"; ?></div>
    <div id="content"></div>
</div>
<div id="footer"><?php include "shared/footer.php"; ?></div>

我的子菜单项链接如下:index.php?page=page_something&id=1

正如您在jsfiddle代码中看到的,活动菜单样式不同于非活动菜单样式。所以没有问题。但是当我在我的网页中使用此代码时,这不起作用。

当我点击一个菜单并加载一个新页面时,活动菜单样式消失了,它变成了初始样式。所以用户不知道他们现在访问的是哪个页面。我希望我能解释我的问题。

原谅我,因为我不熟悉PHP,但是如果你每次都加载一个全新的页面,那么手风琴将重置为你在该页上的任何JS。

除非你只改变页面的一部分,在每个页面上硬编码默认的手风琴设置,或者在浏览器上以某种方式存储会话变量并通过JS使用它们,否则在你浏览页面时,手风琴无法保持其状态。

编辑:我看到你在你的查询字符串传递一些参数。但是我没有看到你在JS中解析它们在你的页面/accordion初始化中

试试这样:

<div id="header"><?php include "shared/header.php"; ?></div>        
<div id="container">
    <div id="menu"><?php include "shared/menu.php"; ?></div>
    <div id="content">
    <?php
    if(isset($_GET['page'])){
        include 'shared/'.$_GET['page'].'.php';
    }
    ?>
    </div>
</div>
<div id="footer"><?php include "shared/footer.php"; ?></div>