簡體   English   中英

Twitter引導程序導航欄崩潰有效,但不會返回

[英]Twitter bootstrap navbar collapse works but doesn't return

引導導航欄可以正常折疊並且可以正常打開,但是當您嘗試關閉導航欄時,它將失敗。

我嘗試用較舊的引導文件替換CSS,並且發生了同樣的情況。 我試着像建議的其他線程一樣將填充物添加到身體上,但一無所獲。 有人有主意嗎?

    <!--scripts-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>

<!--begin nav-->
<body>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="#"><img src="img/logo.png"></img></a></li>
                </ul>
                <ul class="nav navbar-nav">
                    <li><a href="#news">NEWS</a></li>
                    <li><a href="#photos">PHOTOS</a></li>
                    <li><a href="#">SHOP</a></li>
                    <li><a href="#">CONTACT</a></li>
                </ul>
            </div><!--/.nav-collapse-->
        </div>
    </div>
    <!--end nav-->
  ........
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>

我將鏈接到該站點,以便CSS可見。 網站在這里。

任何幫助,將不勝感激。

謝謝!

您將jQuery放在三個不同的位置插入頁面。 在頁眉中兩次,在頁腳中一次。 在拉入Bootstrap腳本之前,僅在頁腳中嘗試一個。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM