0

これが私のnavbarコードです

    <div class="navbar navbar-fixed-top ">                
            <div class="container">                 
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">                            
                        <span class="icon-bar" style="background-color:red;"></span>
                        <span class="icon-bar" style="background-color:red;"></span>
                        <span class="icon-bar" style="background-color:red;"></span>
                      </button>
                      <a href="#"class="navbar-brand"><img src='img/logo2.png' class="img-responsive"></a> 
                    </div>              
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                      <ul class="nav navbar-nav navbar-right spy">
                        <li ><a class="fade" href="#section-1">HOME</a></li>
                        <li ><a class="fade" href="#section-2">SHOWREEL</a></li>
                        <li ><a class="fade" href="#section-3">FILMS</a></li>
                        <li ><a class="fade" href="#section-4">PROFILE</a></li>
                        <li ><a class="fade" href="#section-5">CONTACT</a></li>                     
                      </ul>
                    </div>                  
            </div>
        </div>

spy は、scrollSpy js スクリプトに使用するクラス名であることを明確にします。本文の最後に含める .js ファイルは次のとおりです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript">/script>
<script src="js/jquery.nav.js" type="text/javascript"></script>

私が含める.cssファイルは次のとおりです。

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">           
<link rel="stylesheet" type="text/css" href="css/font.css" />

タイトルの通り、小型のメディア機器でトグルボタンが最初だけ効き、その後反応しなくなりました

4

1 に答える 1

0

getbootstrap.comにアクセスしてください。Bootstrap 3 には scrollspy が組み込まれています。javascript 経由で scrollspy を呼び出す必要があります。

$('body').scrollspy({ target: '#id-goes-here' })
于 2013-10-02T13:49:01.957 に答える