[英]data-toggle collapse doesn't work
我想隱藏導航欄並在單擊按鈕時顯示它。 為此,我使用數據切換。
我正在使用模板,我認為這就是為什么它不起作用的原因...
這是我的代碼:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Lato|Source+Sans+Pro' rel='stylesheet' type='text/css'>
<!-- Latest JQuery -->
<!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<div class="navbar-header">
<!-- Hamburger navigation -->
<button data-target="#navbar-collapse-02" data-toggle="collapse" class="navbar-toggle" type="button">
<i class="glyphicon glyphicon-menu-hamburger"></i>
</button>
</div>
<div id="navbar-collapse-02" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active propClone" id="accueil">Accueil</li>
<li class="propClone" id="aPropos">A propos</li>
<li class="propClone" id="devis">Devis</li>
<li class="propClone" id="contact">Contact</li>
</ul>
</div> <!-- /.navbar-collapse -->
從div中刪除類navbar-collapse
。 只要collapse in
課堂上collapse in
就能做到這一點。 還要從button
刪除class class="navbar-toggle"
。
<button data-target="#navbar-collapse-02" data-toggle="collapse" type="button">
<i class="glyphicon glyphicon-menu-hamburger"></i>
</button>
<div id="navbar-collapse-02" class="collapse in">
<ul class="nav navbar-nav navbar-right">
<li class="active propClone" id="accueil">Accueil</li>
<li class="propClone" id="aPropos">A propos</li>
<li class="propClone" id="devis">Devis</li>
<li class="propClone" id="contact">Contact</li>
</ul>
</div>
請在您的問題中突出顯示哪些無效? 檢查您是否沒有意外地將相同的ID分配給其他塊並希望在此處進行更改。
我認為您應該從id為id =“ navbar-collapse-02”的div中刪除“ navbar-collapse”
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.