如何使用Twitter Bootstrap ScrollSpy执行函数
如何使用Twitter Bootstrap ScrollSpy执行函数
提问于 2012-02-18 18:03:47
我想在ScrollSpy收到通知后加载更多数据。但我不知道如何捕获该事件并执行函数。
回答 3
Stack Overflow用户
发布于 2012-04-23 22:05:14
更新了，这个触发器现在已经被推到主构建中了。你可以在完整的文档中看到它。http://twitter.github.com/bootstrap/javascript.html#scrollspy
在github上的工作分支中有一个更新，它触发了一个激活回调。
参考
一旦你抓住了激活触发器，你可以这样调用它：
$("#nav li").on('activate', function() {
//do stuff
});Stack Overflow用户
发布于 2018-01-18 21:23:35
这是为Bootstrap 4(测试版3)准备的：
一般来说，Scrollspy事件的用法从Bootstrap 3开始没有改变。正如Scrollspy文档的Events部分所述，每当有新项被Scrollspy激活时，activate.bs.scrollspy事件都会在滚动元素-the one上使用data-spy="scroll"触发。你可以这样听：
$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) {
console.log('activate.bs.scrollspy', event);
})但是！
没有文档说明当在<body>元素上使用Scrollspy时，activate.bs.scrollspy事件将只在window对象上可用。
因此，在这种相当常见的情况下，您可以像这样捕获Scrollspy事件：
$(window).on('activate.bs.scrollspy', function (event) {
console.log('activate.bs.scrollspy', event);
})Stack Overflow用户
发布于 2016-01-25 09:02:18
对于bootstrap 3，您可以这样做(docs)
$('#myScrollspy').on('activate.bs.scrollspy', function () {
// do something…
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9343715
复制相关文章
点击加载更多
相似问题
Twitter Bootstrap - Scrollspy忽略ID
Twitter Bootstrap Scrollspy跳过元素
Twitter Bootstrap Scrollspy根本不工作
菜单中的Twitter Bootstrap scrollspy
在Twitter Bootstrap Scrollspy中排除ID
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
