twitter-bootstrap - Docpad 上的 Bootstrap 下拉菜单和可选项卡

Question

我使用 Twitter Bootstrap 框架创建了一个 Docpad 站点。我无法让 Bootstrap 的可选项卡或下拉菜单工作。它们渲染，但不起作用。从对 Stackoverflow 的研究看来，这些 Bootstrap 函数需要包含额外的 jquery。我尝试将其添加到 Docpad 中，但没有成功。有没有人让这些 Bootstrap 函数在 Docpad 中工作？

Answer 1

对于 Boostrap，要运行下拉菜单，我知道它需要在页面中使用此代码才能工作：

 $('.dropdown-toggle').dropdown();

这称为引导插件。

js文件的顺序调用是：

1. <script src="jquery.js"></script>
2. <script src="bootstrap.js"></script>
3. <script type="text/javascript"> $(document).ready(function () { $('.dropdown-toggle').dropdown(); }); </script>

在其他 js 代码之前调用 jquery 和 bootstrap js 很重要

对于我不知道的标签，因为我直到现在才使用。