Twitter Bootstrap 附加事件未触发答案

【问题标题】：Twitter Bootstrap affix events not firingTwitter Bootstrap 附加事件未触发
【发布时间】：2014-02-27 07:27:44
【问题描述】：

当用户滚动通过它时，我正在尝试附加一个工具栏。词缀部分工作正常，但是我想在实际应用词缀类时调整主容器上的填充。 http://getbootstrap.com/javascript/#affix-usage 列出了一些事件但是；我不能让他们中的任何一个开火。 JSfiddle 看起来不正确，我猜是因为它的大小。但是当词缀被应用到#nav 时，这些事件基本上都不会被触发。

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

你可以在这里看到更多我的代码。它本质上只是 BS 示例中给出的导航栏。

http://jsfiddle.net/dTR4A/1/

【问题讨论】：

标签： javascript jquery css twitter-bootstrap affix

【解决方案1】：

affix.bs.affix 事件在附加元素滚动时触发，因此如果您滚动页面：

此事件在元素被附加之前立即触发。

所以让你的页面内容更高。

演示：http://jsfiddle.net/4vmMd/

【讨论】：

我一辈子都无法让你的榜样发挥作用。它与我的 bootstrap.min.js 有关。我使用了 JSFiddle 正在使用的版本并且它有效。谢谢+1
同样的问题，bootstrap 3的早期版本肯定有bug。
也有同样的问题，将 3.0.2 更新到 3.1.1 对我有用。

【解决方案2】：

遇到了类似的问题.. 原来它是旧版本的引导程序。它适用于较新的版本。还要确保您的内容有足够的高度。

【讨论】：

【解决方案3】：

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

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

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

这是为了触发滚动事件而杀死 handler（可能，Affix 库会观察 $(window) 元素以触发滚动事件）。

希望这会有所帮助。

【讨论】：

又是怎么绑定的，词缀知道handler