我正在使用 Bootstrap 3，我有一個這樣的 div：
<div class="col-xs-12 col-sm-1 col-md-1 col-lg-2 login-form" style="margin-top:35px !important">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<button type="button" class="btn btn-info btn-lg btn-block user-actions user-actions-show">Login</button>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<button type="button" class="btn btn-secondary btn-lg btn-block user-actions user-actions-show" style="margin-top:5px;">Register</button>
</div>
</div>
</div>
現在我想從user-actions-show類切換到user-actions-off用于按鈕的類，當navbar-toggle使用 jQuery toggleClass 單擊 時：
<script>
$(".navbar-toggle").click(function(){
$("user-actions-show").toggleClass("user-actions-off");
})
</script>
這就是類的.user-actions-off樣子：
.user-actions-off{
display:none;
}
但現在的問題是它不起作用。
那么我在這里做錯了什么？navbar-toggle 單擊時如何正確隱藏這些按鈕？
更新：
這是navbar-toggle課程：
<button class="navbar-toggler navbar-toggle" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
uj5u.com熱心網友回復：
您.的腳本中缺少。
改變
$("user-actions-show").toggleClass("user-actions-off");
到 $(".user-actions-show").toggleClass("user-actions-off");
那應該可以解決它。
uj5u.com熱心網友回復：
只需創建一個名稱為 .hide 的類并將其切換為您的 $(".user-actions-show") 它會將您現有的 css 屬性覆寫為最新的 css 屬性
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/399986.html