引导下拉菜单在 laravel 项目中不起作用

Question

在导航栏中单击引导下拉菜单时不会出现。我该如何解决这个问题？

   <li class="nav-item dropdown">
                                <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                   <span class="caret"></span>
                                </a>
          
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                        {{ __('Logout') }}
                                    </a>
          
                                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                        @csrf
                                    </form>
                                </div>
                            </li>

Answer 1

您的下拉脚本没有问题。

• 检查是否加载了jquery
• 检查你的 app.js 并让 jquery 在引导之前加载到它上面
• 运行npm run dev
• 如果没有问题，还要检查您的浏览器控制台。