2013-12-20 59 views
0

我正在使用twitter-bootstrap-rails gem。我有以下HTML:Bootstrap Scrollspy無法與Rails配合使用

<div id="scroll-nav"> 
     <ul class="nav nav-pills"> 
      <li class="active"> 
      <a href="#somelink1"> 
      <div>text1</div> 
      </a> 
      </li> 
      <li> 
      <a href="#somelink2"> 
      <div>text2</div> 
      </a> 
      </li> 
      <li> 
      <a href="#somelink3"> 
      <div>text3</div> 
      </a> 
      </li> 
     </ul> 
    </div> 

我也有以下的javascript:

$('body').scrollspy({target: '#scroll-nav'});

Scrollspy不工作,我沒有得到任何JS錯誤。我錯過了什麼嗎?

回答

1

的文件說:

導航欄的鏈接必須解析ID的目標。例如,<a href="#home">home</a>必須對應於DOM中的某些內容,如<div id="home"></div>

+1

我有相應的ID與ID「somelink1」等等 –

+0

而你的Javascript是在$(document).ready()塊嗎? – MaiKaY

+0

是的,它在$(document).ready() –