词缀不是一个功能

Question

我一直在尝试使用Bootstrap 4 Alpha在我的Wordpress网站上创建一个粘性边栏一段时间.我在网上发现了与此类似的其他问题,大多数建议将代码置于其中

jQuery(document).ready(function($){
});

我试过这个,但没有成功.我也尝试重新排列我的脚本被调用的顺序,也没有用.

这是我目前拥有的基本Bootstrap侧边栏代码

jQuery(document).ready(function($){
$('#sidebar').affix({
      offset: {
        top: 245
      }
});

var $body   = $(document.body);
var navHeight = $('.navbar').outerHeight(true) + 10;

$body.scrollspy({
    target: '#leftCol',
    offset: navHeight
});
});

这是错误信息

未捕获的TypeError:$(...).affix不是函数

谁会碰巧知道为什么会出现这个问题？

谢谢

Answer 1

从引导版本4中删除了附件 .Bootstrap 4文档说 -

删掉了Affix jQuery插件.我们建议使用位置:粘性polyfill.有关详细信息和特定的polyfill建议,请参阅HTML5 Please条目.

如果您使用Affix应用其他非位置样式,则polyfill可能不支持您的用例.此类用途的一个选项是第三方ScrollPos-Styler库.

现在来了它的补救措施---

看一下它应该可以帮助你实现你想要的