如何使用Twitter Bootstrap ScrollSpy执行功能

我想在ScrollSpy收到通知后载入更多数据。但我不明白如何捕获该事件并执行功能。如何使用Twitter Bootstrap ScrollSpy执行功能

2012-02-18 opengrid

已更新 此触发器现已推入主版本。你可以在完整的文档中看到它。 http://twitter.github.com/bootstrap/javascript.html#scrollspy

在github上的工作分支有一个更新，它触发了一个激活的回调。

参考

https://github.com/twitter/bootstrap/issues/2482

一旦你抢激活触发器，你可以调用它像这样：

$("#nav li").on('activate', function() { 
    //do stuff 
});

来源

2012-04-23 22:05:14

对于引导3，你可以做这样的（docs）

$('#myScrollspy').on('activate.bs.scrollspy', function() { 
    // do something… 
})

来源

2016-01-25 09:02:18 alex

这是自举4（测试版3）：
一般而言，Scrollspy事件的使用并没有从自举3.这是在Scrollspy文档的Events部分中所述变化，activate.bs.scrollspy事件将在滚动元素上触发 - 使用data-spy="scroll"的滚动元素 - 每当一个新项目被Scrollspy激活时。你可以这样听：

$('[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); 
})

来源

2018-01-18 21:23:34 dferenc

如何使用Twitter Bootstrap ScrollSpy执行功能

回答

相关问题