Bootstrap 下拉菜单不适用于移动设备上的 Laravel答案

【问题标题】：Bootstrap dropdown not working with Laravel on mobileBootstrap 下拉菜单不适用于移动设备上的 Laravel
【发布时间】：2017-10-27 03:59:20
【问题描述】：

我在导航栏中创建了一个下拉菜单。这是下拉菜单的代码：

<ul class="nav navbar-nav navbar-right">
    @if(Auth::check())
        @include('layouts.loggedin')
    @else
        @include('layouts.loggedout')
    @endif
 </ul>

当用户登录时，它会加载loggedin.blade.php，这就是问题所在。

loggedin.blade.php

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
    Welcome, {{Auth::user()->username}}
    <span class="caret"></span>
</a>
<ul class="dropdown-menu">
    <li><a href="/home">Dashboard</a></li>
    <li><a href="/{{Auth::user()->username}}">Profile</a></li>
    <li><a href="/logout">Logout</a></li>
</ul>

每当我点击 欢迎，用户名 时，导航栏切换菜单都会关闭，并且永远不会显示下拉项目。但是，如果我检查页面元素，编辑 HTML 代码并粘贴 loggedin.blade.php 的相同代码，则下拉菜单有效。我认为与 JS 有冲突，但我已尽力而为，似乎没有任何效果。

【问题讨论】：

标签： twitter-bootstrap drop-down-menu

【解决方案1】：

确保 jQuery 是第一个 jS 脚本，例如，如果您使用 JavaScript，请先使用 jQuery，然后在页面底部使用引导程序 Ja

【讨论】：