Twitter Bootstrap附加事件未触发

Question

我试图在用户滚动传递工具栏时粘贴工具栏。 附加部分工作正常但是我想在实际应用词缀类时调整主容器上的填充。 http://getbootstrap.com/javascript/#affix-usage列出了一些事件但是; 我无法解决任何问题。 JSfiddle看起来不正确我猜测它的大小。 但是当将词缀应用于#nav时，基本上没有这些事件被触发。

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

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

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)元素以触发滚动事件）。

希望这可以帮助。