手风琴图像未显示 - MVC - Jquery

时间:2011-06-06 18:53:27

标签: javascript jquery asp.net-mvc asp.net-mvc-3

<script>
$(function () {
    var icons = {
        header: "ui-icon-circle-arrow-e",
        headerSelected: "ui-icon-circle-arrow-s"
    };
    $("#accordion").accordion({
        icons: icons
    });
    $("#toggle").button().toggle(function () {
        $("#accordion").accordion("option", "icons", false);
    }, function () {
        $("#accordion").accordion("option", "icons", icons);
    });
});
</script>

我有一个手风琴在我的MVC网站上工作,但是当我修改手风琴Jquery以包含用于打开和关闭的图标/图像时(直接来自jquery网站),我没有显示任何图像。我错过了什么吗?我不确定我在哪里引用代码中的图像。 “ui-icon-circle-arrow-e”我猜,是图像,但我不知道它在哪里或我如何下载它。 jquery网站上没有任何内容。

1 个答案:

答案 0 :(得分:1)

检查是否包含Jquery UI的CSS文件和文件夹。这就是保留手风琴图像的地方,以及告诉您的页面在哪里查找它们的CSS声明。它应该像从Jquery UI站点获取它,放置您的站点和定义CSS一样简单。

您可以通过打开页面,查看来源并点击CSS链接来测试是否正确包含它(在Chrome中运行良好)它应该打开一个实际页面,而不是错误输出。您还可以通过Firebug,Chrome调试器等进行调试