How to use Twitter Bootstrap ScrollSpy to execute

2019-02-14 01:27发布

站内问答 / 移动开发
1897 3 4

I would like to load more data after ScrollSpy receives notification. But I don't see how to capture that event and execute a function.

3条回答
霸刀☆藐视天下
2楼-- · 2019-02-14 02:07

UPDATED This trigger has been pushed into the main build now. You can see it in full docs. http://twitter.github.com/bootstrap/javascript.html#scrollspy

There is an update in the working branch on github that fires an activate callback.

References

Once you grab the activate trigger, you can call it like so:

$("#nav li").on('activate', function() {
   //do stuff
});
查看更多
0人赞 添加讨论(0) 举报
对你真心纯属浪费
3楼-- · 2019-02-14 02:08

For bootstrap 3 you can do it like this (docs)

$('#myScrollspy').on('activate.bs.scrollspy', function () {
  // do something…
})
查看更多
0人赞 添加讨论(0) 举报
Explosion°爆炸
4楼-- · 2019-02-14 02:17

This is for Bootstrap 4 (beta 3):
In general, the usage of the Scrollspy event did not change from Bootstrap 3. As it is stated at the Events section of the Scrollspy documentation, the activate.bs.scrollspy event will be fired on the scroll element –the one with data-spy="scroll"– whenever a new item becomes activated by the Scrollspy. You can listen to it like that:

$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) {
    console.log('activate.bs.scrollspy', event);
})

But!
It is not documented, that when the Scrollspy is used on the <body> element, the activate.bs.scrollspy event will be available only on the window object.
So, in this rather common case, you can catch the Scrollspy event like so:

$(window).on('activate.bs.scrollspy', function (event) {
    console.log('activate.bs.scrollspy', event);
})
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)