默认图标层叠在自定义Jquery UI手风琴图标

我试图在手风琴标题中使用Jquery手风琴与自定义图标，但Jquery的默认（我认为它可能是某种“找不到图标”图标）显示代替。我跟着很严格jQuery UI的文档：默认图标层叠在自定义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和1.7.3的用户界面。

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

感谢您的任何帮助，并让我知道如果我需要提供更多的信息！

来源

2011-08-31 Nick Bergseng

这似乎是旧版本中的一个错误。如果你分别更新你的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/。

来源

2011-09-01 04:50:49

默认图标层叠在自定义Jquery UI手风琴图标

回答

相关问题