问题
今天在使用bootstrap4的导航栏时,使用了下单菜单,但是出现了一个奇怪的现象,第一次点击下拉菜单时无响应,后面点击时显示正常

分析
可能造成的原因

  1. js的加载顺序导致的
  2. 下拉菜单没有初始化

解决
第一步:梳理js的加载顺序

代码 复制 - 运行

jquery.min.js
bootstrap.min.js
popper.min.js



第二步：还没有解决的话,继续第二步:初始化下拉菜单,页面加入以下js代码


代码 复制 - 运行

    $(function () {
        // 解决bootstrap下拉菜单第一次点击无反应问题
        $('.dropdown-toggle').dropdown();
    });