下拉菜单未打开 - laravel 5

Posted 2023-03-14

【中文标题】下拉菜单未打开 - laravel 5

【英文标题】：dropdown menu doesn't open - laravel 5

【发布时间】：2018-12-23 11:02:28

【问题描述】：

我无法退出我的应用程序，我正在使用 laravel 5 的开箱即用身份验证登录，但是当我退出我的帐户时，我没有成功。

编辑：问题是下拉菜单没有打开让我退出。

有人可以帮我吗？

这是我的 app.blade.php ->

@guest
    <li><a href=" route('login') ">Login</a></li>
    <li><a href=" route('register') ">Register</a></li>
@else
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" v-pre>
             Auth::user()->name  <span class="caret"></span>
        </a>

        <ul class="dropdown-menu">
            <li>
                <a 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_field() 
                </form>
            </li>
        </ul>
    </li>
@endguest

【问题讨论】：

route('logout') 的值是多少？这条路线确定了吗？

这是localhost:8000/logout，但问题是我无法退出下拉菜单

加载此页面而不加载 css 会发生什么？我怀疑下拉菜单默认是隐藏的。

下拉菜单打不开是什么意思？所以问题不在于注销不起作用，问题是您的菜单不起作用？如果您只是在谈论菜单未打开，那么您的问题标题就很差。

我可以注销，无需 css。

【参考方案1】：

@theFlash 所以 CSS 将注销按钮设置为 style="display: none"，您需要将其设置为 display: block;、display: inline-block; 或 display: inline; 以使其显示。目前它已被 CSS 隐藏，因此您无法单击它...

【讨论】：

是的，兄弟显示：内联块；非常适合我。谢谢

【参考方案2】：

添加app.js 文件帮助我打开下拉菜单

//app.blade.php

<script src=" asset('js/app.js') "></script>