AdminLTE 是一个非常流行的开源后台管理模板,其中的侧边栏菜单是静态的,也就是说在加载页面时就已经确定了哪个菜单项是激活状态,无法根据用户操作动态改变。
要解决这个问题,我们需要结合 AdminLTE 提供的 JavaScript API 来手动控制菜单项的激活状态。以下是一个示例代码,演示了如何在点击菜单项时动态改变激活状态:
页面标题
在上面的示例代码中,我们使用了 jQuery 库来简化操作。首先,我们在每个菜单项的 a
标签上添加了一个唯一的 id
属性,用于标识菜单项。然后,我们使用 jQuery 的 .each()
方法遍历所有菜单项,判断当前页面的 URL 是否与菜单项的链接 URL 匹配。如果匹配,则添加相应的激活状态的 CSS 类,并展开菜单项所在的菜单组。
请注意,以上示例代码中使用了 AdminLTE 3 的 CSS 和 JavaScript 文件,需要通过 CDN 引入。你可以将示例代码保存为 HTML 文件并在浏览器中打开,即可看到动态改变的效果。根据实际情