问题 Twitter Bootstrap附加事件未触发


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

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

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

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


11141
2018-02-03 17:26


起源



答案:


affix.bs.affix 如果滚动页面,则会在滚动粘贴元素时触发事件:

此事件在元素被粘贴之前立即触发。

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

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


8
2018-02-03 18:34



我不能为我的生活让你的榜样上班。它与我的bootstrap.min.js有关。我使用的是JSFiddle正在使用的版本并且它有效。谢谢+1 - Christopher Jazinski
同样的问题,早期版本的bootstrap 3必定存在错误。 - ben
也有同样的问题,更新3.0.2到3.1.1对我来说是个窍门。 - mrcolombo


答案:


affix.bs.affix 如果滚动页面,则会在滚动粘贴元素时触发事件:

此事件在元素被粘贴之前立即触发。

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

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


8
2018-02-03 18:34



我不能为我的生活让你的榜样上班。它与我的bootstrap.min.js有关。我使用的是JSFiddle正在使用的版本并且它有效。谢谢+1 - Christopher Jazinski
同样的问题,早期版本的bootstrap 3必定存在错误。 - ben
也有同样的问题,更新3.0.2到3.1.1对我来说是个窍门。 - mrcolombo


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


1
2017-09-12 09:28





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

我发现在我的应用程序的一个完全偏远的部分,我们有:

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

哪个是杀人的 handler 对于滚动事件(可能是, 词缀 图书馆观察 $(window) 元素以触发滚动事件)。

希望这可以帮助。


0
2017-09-26 11:43



你是如何再次绑定它的那个词缀知道处理程序的 - Gabbax0r