0

我正在引用最近的 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 中工作的版本），但它仍然失败。所以，我回到新的并从 jQueryUI 站点添加了另一个样式表，即：

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

不过没有区别；小提琴手！

4

1 回答 1

0

这相当令人尴尬，但这是我的一个新手错误：我忘记将 jQuery 包含在脚本块中！我认为我必须训练自己成为更多（或更少？）的笨蛋。

当我的 jQuery 不会着色或让自己在 VS 中被格式化/整理时，我应该意识到有些事情是错误的或不对劲的。

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

现在代码是这样的：

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

...它工作正常。

于 2013-05-11T22:39:34.297 回答