【问题标题】:bootstrap 4 responsive navigation hamburger button not closingbootstrap 4 响应式导航汉堡按钮未关闭
【发布时间】:2023-03-08 11:22:01
【问题描述】:

所以我的汉堡按钮在页面内打开后不会关闭 这是我的导航代码

<nav class="navbar navbar-expand-lg navbar-light">

    <button class="navbar-toggler navbar-toggle" type="button" data-toggle="collapse" 
        data- target="#navbarTogglerDemo03"
        aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <a class="navbar-brand" href="/"rel=""title="brand logo">//some image</a>
    
    <div class="collapse navbar-collapse" id="navbarTogglerDemo03">

        <ul class="navbar-nav">

            <li class="nav-item active p-2">
                <a class="nav-link" href="/" rel="" title="Home">home</a>
            </li>

        </ul>

    </div>

</nav>

我在其他一些页面中有几乎相同的代码,而且它似乎工作得很好

【问题讨论】:

    标签: javascript twitter-bootstrap bootstrap-4


    【解决方案1】:

    我认为您可以使用 javascript 在突然的时间或发生任何操作时关闭此 div。

    $("#employeeRegister").hide();
    $("#employeeRegister").show();
    
    <button type="submit" class="btn btn-success btn-rounded waves-effect waves-light employeeRegister" id="employeeRegister">Save Changes</button>
    

    【讨论】:

    • 什么我不明白?
    猜你喜欢
    • 2021-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-04
    • 2021-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多