Afflix脚本在其他js不起作用时不起作用

Question

我有一个fsIn的jscript正在运行，但我的afflix不是：

$(document).ready(function() {
    $(".loader").fadeIn("slow");
})

$(document).ready(function() {
    alert("i just got invoked");
  $(".navbar").affix({
    offset: {
      top: 10
    }
  });
  alert("i just got invoked2");
});

两个警报都有效，但第二个警报在第一个警报之后弹出。我想让我的导航栏始终保持在最高位置，在我的CSS中我有这些规则：

.navbar {
     background: rgba(0,0,0,0);
    font-size:10pt;
    text-transform: uppercase;
    position: fixed;

}

#my-navbar{
background:url(headers/macDark.jpg) no-repeat;  
    height: 800px;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: -1;
    padding-top: 30px;
}

css是问题吗？昨天我有很多人在谈论链接和引用我的js，但这不是问题，因为我的其他JS正在工作。