为什么我的手风琴不显示？

Question

我正在引用最近的jQuery和jQuery-UI css和js文件：

<link href="~/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="~/Scripts/modernizr-2.6.2.js"></script>

并拥有此html：

<div id="accordion">
     <h3><a href="#">First item</a></h3>
    <div>CONTENT FOR FIRST ITEM</div>
     <h3><a href="#">Second item</a></h3>
    <div>CONTENT FOR SECOND ITEM</div>
     <h3><a href="#">Third item</a></h3>
    <div>CONTENT FOR THIRD ITEM</div>
     <h3><a href="#">Fourth item</a></h3>
    <div>CONTENT FOR FOURTH ITEM</div>
</div>

...和这个jQuery：

$(document).ready(function () {
    $("#accordion").accordion({
        event: "mouseover",
        collapsible: true
    });
});

...在为jQuery 1.9.1，Migrate 1.1.0和jQuery UI 1.9.2配置时，在jsfiddle（http://jsfiddle.net/BhWEE/）中运行良好

所以我使用的是最后两个版本比jsFiddle中的版本更新，但这不是问题，是吗？

在我的页面上，它看起来像这样：

IOW，不是很像手风琴。

有什么问题？

更新

为了确保jQuery-UI的较新版本不是问题，我从1.10.3恢复到1.9.2（在jsFiddle中运行的版本），它仍然失败。所以，我回到了新的AND我从jQueryUI网站添加了另一个样式表，即：

http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

但是，没有差异;木竿！

Answer 1

这是相当尴尬的，但这对我来说是一个新手的错误：我忘了将jQuery包含在脚本块中！我估计我必须训练自己更多（或更少？）的傻瓜。

当我的jQuery不会着色或让自己在VS中进行格式化/整理时，我应该知道一些错误或不对。

当我看到我的jQuery写在页面底部时，硬币终于掉线了。

现在代码是这样的：

<script>
    $(document).ready(function () {
        $("#accordion").accordion({
            event: "mouseover",
            collapsible: true
        });
    });
</script>

......工作正常。