我正在使用Bootstrap scrollspy插件(v2.0.0),当页面首先加载时,它可以无问题地工作.
导航栏以及内容部分通过ajax调用更新(添加或删除菜单项).之后,这个scrollspy不会突出显示新添加的项目.
如何告诉scrollspy刷新？或者手动将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 & Garden</a></li>
<li><a href="#cat5">Computers & Networking</a></li>
</ul>
</div>
<div>
<section id="cat2">...</section>
<section id="cat5">...</section>
</div>
</div>
</body>
解决方法
scrollspy(‘刷新’)将简单地做到这个名字所说的！
在我的情况下,我在ajax调用后添加了以下代码：
$('[data-spy="scroll"]').each(function () {
$(this).scrollspy('refresh');
});