javascript - Bootstrap 中的附加元素

Question

今天我学习了 affix 以及它在 Bootstrap 中的使用。我在 Bootstrap 网站和 stack-overflow 上阅读了所有相关信息，并最终检查了如何在 twitter 的 bootstrap 2.1.0 中使用新的词缀插件？（参见 jsfiddle 链接）作为一个很好的例子。

但是，我认为我做的事情根本上是错误的。我在 index.php 中添加了正确的 javascript。我将 CSS 添加到我的样式表中，然后将导航栏示例从 jsfiddle 复制粘贴到我的 index.php 中。没有任何效果。

HTML：

<div class="container">
    <div class="row">
        <!-- micro hero unit-->
        <div class="span12">
            <div class="well">
                 <h1> Some page title </h1> 
                <p>This is a website.</p>
                <p> <a class="btn btn-primary" href="#">Tell me more</a> 
                </p>
            </div>
        </div>
    </div>
</div>

JavaScript：

$(function () {
    $('#nav-wrapper').height($("#nav").height());
    $('#nav').affix({
        offset: {
            top: $('#nav').offset().top
        }
    });
});

有人可以告诉我我做错了什么吗？