bootstrap 导航条下拉菜单点击无反应?

发布网友 发布时间：2022-04-23 09:42

我来回答

共2个回答

热心网友 时间：2022-04-20 18:39

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

<!-- jquery -->

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>

<!-- bootstrap -->

<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"

        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"

        crossorigin="anonymous"></script>

<!-- 用于弹窗、提示、下拉菜单 -->

<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"

        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"

        crossorigin="anonymous"></script>

1

2

3

4

5

6

7

8

9

10

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

<script type="text/javascript">

    $(function () {

        // 解决bootstrap下拉菜单第一次点击无反应问题

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

    });

</script>

原文链接：https://blog.csdn.net/qq_2869/article/details/87881481

热心网友 时间：2022-04-20 19:57

哎，你用原生的javascript来写不好吗，逻辑清晰还简单，你这样搞反而复杂得很。就一个简单的功能，非要用这么多花里胡哨的来写，看着都好累。建议你用原生javascript写，不要搞太复杂。