Bootstrap实现按钮下拉菜单时出错

Bootstrap的dropdown-menu组件提供了下拉菜单的全部功能。

但需要注意的是，使用它需要在bootstrap.js之前引入popper.js，否则点击按钮时会出现js找不到某个函数的错误。

1
2
document.write("<script src=" + parent.__dirname + "/libs/popper-2.11.2.min.js" + "></script>");

附：官网中对这一内容的叙述（纯英文）

Dropdowns are built on a third party library,Popper, which provides dynamic positioning and viewport detection. Be sure to includepopper.min.jsbefore Bootstrap’s JavaScript or usebootstrap.bundle.min.js/bootstrap.bundle.jswhich contains Popper. Popper isn’t used to position dropdowns in navbars though as dynamic positioning isn’t required.

题外话

我使用时并未出现如下报错（它本应该出现！）

1
2
Bootstrap\'s dropdowns require Popper (Home)

看来bootstrap在这种细节上还需改进。