Question

我正在尝试在手风琴标题中使用带有自定义图标的Jquery Accordion，但是会显示Jquery的默认值（我认为它可能是某种“找不到图标”图标）。我严格遵循Jquery UI的文档：

JS：

var icons = {
    header: "ui-icon-egnyte-arrow-down",
    headerSelected: "ui-icon-egnyte-arrow-up"
};

jq(function() {
    uiAccordion = jq( "#sendAccordion" ).accordion({
        collapsible: true,
        icons: icons,
        autoHeight: false,
        navigation: true,
        animated: false,
        active: false
    });
});

的CSS：

.ui-icon-egnyte-arrow-down { background-image: url(../images/icons/sendarrow_down.png); width: 15px; height: 15px; }
.ui-icon-egnyte-arrow-up { background-image: url(../images/icons/sendarrow_up.png); width: 15px; height: 15px; }

其余的Jquery文件几乎都是1.3.2和UI 1.7.3。

如果我用调试器查看css，我可以看到我的图标在那里，但是被.ui-state-default .ui-icon类级联。

感谢您的帮助，如果我需要提供更多信息，请与我们联系！

Answer 1

这似乎是旧版本中的一个错误。如果将jQuery和jQuery UI分别更新为1.6.2和1.8.14，则应该看到问题已经解决。请参阅示例：http://jsfiddle.net/william/x3w94。

如果您无法更新文件，则可能需要稍微覆盖标题样式：

.ui-accordion .ui-accordion-header a { padding-left: 1.7em; }

参见示例：http://jsfiddle.net/william/x3w94/2/。

默认图标级联自定义Jquery UI手风琴图标

1 个答案: