使用Bootstrap的动态菜单

Question

我正在开发一个大约10-15页的小网站，完全由Bootstrap制作，我开始怀疑，是否有一种简单的方法来制作动态菜单（这意味着我不需要在每个页面上更新它如果我为像我这样的新手添加，删除或重命名页面？

所以我发现这篇文章：jquery append external html file into my page

我认为这是完美的，所以我制作了一个单独的菜单文件并导入了代码。问题是，由于有一个菜单文件，我无法将class =“active”属性应用于我当前正在查看的菜单页面/部分。有没有办法做到这一点？非常感谢和抱歉英语，我不是母语人士。

Answer 1

如果要将数据附加到页面然后尝试对其执行jQuery翻转/鼠标中心，则需要在其上使用.live()函数，因此jQuery知道已添加元素：

$('.menuitem').live('mouseover',function(){
    //-- script here --//
});

希望这会有所帮助!!

如果您可以访问PHP，那么将菜单内容放在.php文件中然后包含它会更容易：

include("menu.php");

这意味着菜单将在服务器端添加（在浏览器加载页面之前），jQuery将正常工作。