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)元素以觸發滾動事件）。

希望這可以幫助。