2012-02-18 70 views
9

我使用Bootstrap Scrollspy插件(v2.0.0),它在頁面首次加載時工作正常。引導Scrollspy在AJAX調用後停止工作將元素添加到頁面

導航欄以及內容部分通過ajax調用(添加或刪除菜單項)進行更新。在此滾動不會突出顯示新添加的項目。

如何告訴scrollspy刷新?或者可能手動附加滾動到下面的代碼?

<body data-spy="scroll" data-target=".subnav" data-offset="0"> 
    <div id="listing"> 
     <div class="subnav"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#cat2">Home &amp; Garden</a></li> 
      <li><a href="#cat5">Computers &amp; Networking</a></li> 
     </ul> 
     </div> 
     <div> 
     <section id="cat2">...</section> 
     <section id="cat5">...</section> 
     </div> 
    </div> 
    </body> 

回答

13

scrollspy('刷新')只會做名稱所說的!

在我來說,我加入了follwing代碼Ajax調用後:

$('[data-spy="scroll"]').each(function() { 
    $(this).scrollspy('refresh'); 
}); 
+3

注意,$(這)表示元素從滾動,而不是導航欄本身被監視。因此,如果您正在觀看滾動的主體,您可以輕鬆執行$('body')。scrollspy('refresh'); – cmcculloh 2012-03-01 16:36:16

相關問題