Twitter bootstrap辅助事件未发射

Question

当用户滚动传递时，我正在尝试贴上工具栏。词缀部分正常工作，但是我想在使用词缀类别时调整主容器上的填充。http://getbootstrap.com/javascript/#affix-usage已列出了一些事件；我不能让他们开火。JSFIDDLE看起来不正确，我猜想大小。但从本质上讲，当将词缀应用于#NAV时，这些事件都没有被解雇。

$('#nav').on('affix.bs.affix', function () {
     alert('Fired!');
});

您可以在此处查看我的代码。它本质上只是BS示例中给出的Navbar。

http://jsfiddle.net/dtr4a/1/

Answer 1

当滚动粘附元素时， affix.bs.affix事件会发射，因此，如果您滚动页面：

此事件在元素被固定之前就发射。

因此使您的页面内容更高。

演示：http：//jsfiddle.net/4vmmd/

Answer 2

遇到了类似的问题。事实证明，这是Bootstrap的较旧版本。它可以与较新版本一起使用。还要确保您的内容具有足够的高度。

Answer 3

对于未来的旅行者陷入这个问题，我遇到了同样的问题，但是上述解决方案对我不起作用。

我发现，在我的应用程序的一个完全偏远的部分中，我们有：

$(window).unbind('scroll')
$(window).off('scroll')

正在为滚动事件杀死handler（可能是 AFFIX 库观察$(window)元素以发射滚动事件）。

希望这会有所帮助。