javascript - 脚本内联工作但是当我移动到外部时不起作用？

Question

我刚刚为我的导航制作了一个脚本。这样一旦滚动到顶部，它就会变成一个粘性导航。

当我通过 <script> 将它放在我的索引文件底部时，效果很好标签，但是当我尝试将它放在外部 js 文件中时，它根本无法触发。

Full Fiddle

这是脚本:

var windw = this;
$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);
    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'fixed',
                top: "20px"
            });
        } else {
            $this.css({
                position: 'absolute',
                bottom: '0',
                left: '0', right:'0',
                top: 'inherit'

            });

        }
    });

};
$('#mainNav').followTo( $(window).height() - ( $('#mainNav').innerHeight() + $('.globalHeader').innerHeight() ));

Answer 1

缺少 jQuery 库，您必须将其添加到外部脚本之上。在 fiddle 示例中，单击 javascript 代码选项卡右上角的 javascript 文本，然后从框架中选择一个 jquery 版本