Bootstrap滚动监听（Scrollspy）插件详解

滚动监听还有一个切换到新条目的事件。

//事件绑定在导航上

$('#nav').on('activate.bs.scrollspy', function() {
nbsp;nbsp;nbsp; alert('新条目被激活后触发此事件！');
});
滚动监听还有一个更新容器 DOM 的方法。

//HTML 部分

lt;section class="sec"gt;
  lt;h4 id="html5"gt;HTML5 lt;a href="#" onclick="removeSec(this)"gt;删除此项lt;/agt;lt;/h4gt;
  lt;pgt;
    ...
  lt;/pgt;
lt;/sectiongt;

//删除内容时，刷新一下 DOM，避免导航监听错位

function removeSec(e) {
  $(e).parents('.sec').remove();
  $('#content').scrollspy('refresh');
}

注意：这个方法必须使用 data-*声明式。

以上就是本文的全部内容，希望对大家的学习有所帮助。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!