Scrollspy не работает с моим кодом

я получаю сообщение об ошибке неперехваченных TypeError: Property '$' объекта [объект Object] не является функцияScrollspy не работает с моим кодом

после вызова:

$('body').scrollspy({ target: '.nav.navbar-nav' })

Вот как я структурировал свой код:

<body> 
    <div class="outbox">   <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="http://www.google.de/"><strong>Google</strong></a> 
    </div> 

<!-- Collect the nav links, forms, and other content for toggling --> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav">  
    <li><a href="#link1">LINK 1</a></li> 
    <li><a href="#link2">LINK2</a></li> 
    <li><a href="#link3">LINK3</a></li>  
    </ul>  
</div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> 

[... CONTENT AREA ] 

<div id="link1" class="container"></div> 
<div id="link2" class="container"></div> 
<div id="link3" class="container"></div> 


<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script>  
<script src="js/lib/bootstrap-scrollspy.js"></script>

Кто-нибудь знает решение этой проблемы?

источник

2014-02-08 Susanne92

'JS/JQuery-1.10.2.min.js' файл, безусловно, в этом каталоге? – loveNoHate

Можете ли вы создать скрипку или ботинок? и вы должны следить за значком http://getbootstrap.com/javascript/#scrollspy – rockStar

, а также нацеливать 'div' не на прямую' ul', поэтому сделайте свою цель 'navbar-collapse' – rockStar

В корпусе вам необходимо инициализировать data-target и в js.

$('body').scrollspy({ target: '.navbar-collapse' })

Вместо ориентации прямой ul вы должны быть ориентированы на div связывании ул.

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav">  
    <li><a href="#link1">LINK 1</a></li> 
    <li><a href="#link2">LINK2</a></li> 
    <li><a href="#link3">LINK3</a></li>  
    </ul>  
</div>

bootply работает sample

источник

2014-02-08 09:29:04 rockStar

ответ

Смежные вопросы