Question

我有一些要求，其中很少有数据内容及其相应的按钮动态添加到NavBar。当内容动态添加然后ScrollSpy不能正常工作并且表现得非常疲惫。

滚动内容，没有正确的按钮正在激活。

我知道它有动态添加功能，但不知道如何解决它。

的jsfiddle：在下面的JSFiddle中，如果单击“欢迎”，则会添加两个新内容Div和选项卡，然后在开始滚动时，功能无法正常工作。

$('.navbar li a').click(function (event) {

var scrollPos = $('body > .container').find($(this).attr('href')).offset().top - offsetHeight;
$('body,html').animate({
    scrollTop: scrollPos
}, 500, function () {
    $(".btn-navbar").click();
});
return false;

}）;

感谢您的回复

如是

Answer 1

动态添加元素时，您需要在添加元素后刷新scrollspy。

从最新的bootstrap文档http://getbootstrap.com/javascript/#scrollspy

<强>方法

.scrollspy('refresh')

将scrollspy与添加或删除结合使用时   来自DOM的元素，你需要像这样调用刷新方法：
$('[data-spy="scroll"]').each(function () {
    var $spy = $(this).scrollspy('refresh')
})

动态加载内容和Navbar项目在ScrollSpy上无法正常工作

1 个答案: