洛枫学院

洛枫学院 » HTML/HTML5 » Bootstrap4下拉菜单第一次点击无反应,后面点击正常显示,需要点击两次

页码: 1

Bootstrap4下拉菜单第一次点击无反应,后面点击正常显示,需要点击两次

- 一片云 2021-01-30 19:26

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

分析
可能造成的原因

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

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

代码 复制 - 运行

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



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


代码 复制 - 运行

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

页码: 1