Twitter bootstrap Scrollspy无法使用我的代码_Twitter Bootstrap_Scrollspy

Twitter bootstrap Scrollspy无法使用我的代码

twitter-bootstrap

Twitter bootstrap Scrollspy无法使用我的代码,twitter-bootstrap,scrollspy,Twitter Bootstrap,Scrollspy,我收到错误消息未捕获类型错误：对象[object]的属性“$”不是函数致电后： $('body').scrollspy({ target: '.nav.navbar-nav' }) 下面是我如何构建代码的： <body> <div class="outbox"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div clas

我收到错误消息未捕获类型错误：对象[object]的属性“$”不是函数

致电后：

$('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>


切换导航





[…内容区]

有人知道这个问题的解决方案吗？

n在正文中，您需要初始化

数据目标和js
$('body').scrollspy({ target: '.navbar-collapse' })

您需要以绑定ul的div
为目标，而不是以直接ul
为目标
<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>








引导工作
js/jquery-1.10.2.min.js
文件肯定在这个目录中？你能创建小提琴还是引导？而且你应该跟随标记，同时瞄准div
而不是直接的ul
，所以让你的目标navbar崩溃
从来没有听说过bootstrap的这个问题，但是wordpress就是这么做的。