Jquery 禁用手风琴的锁定图标

我已禁用特定手风琴，并希望将其图标更改为ui图标锁定

我有：

$(document).ready(function() {

   $(function() {
    $( "#accordion" ).accordion();

     $("#accordion").accordion("option", "icons",
        { 'header': 'ui-icon-circle-plus', 'headerSelected': 'ui-icon-circle-minus' });
        $( ".disabled" ).addClass("ui-state-disabled");
});

以及：

但这不起作用

此外，这也不起作用：

   $(function() {
    $( "#accordion" ).accordion();

     $("#accordion").accordion("option", "icons",
        { 'header': 'ui-icon-circle-plus', 'headerSelected': 'ui-icon-circle-minus' });
        $( ".disabled" ).addClass("ui-state-disabled");

 $(".disabled").accordion("option", "icons",
        { 'header': 'ui-icon-locked', 'headerSelected': 'ui-icon-locked' });
        $( ".disabled" ).addClass("ui-state-disabled");
});

---

有什么想法吗？

只需将css从

.ui icon locked

复制到

.ui-accordion-header.disabled.ui icon

的规则集中即可

---

jQuery UI CSS使用精灵表单，因此您只需更改

背景位置

，即可查看新图标。

只需将CSS从

.UI icon locked

复制到

.UI-accordion-header.disabled.UI icon

的规则集中，这有多简单。我不认为css for.ui图标locked会将图标替换为背景位置：-192px-96px；我把我的评论变成了回答

.ui-accordion-header.disabled .ui-icon {
    ui-icon-locked;
}

   $(function() {
    $( "#accordion" ).accordion();

     $("#accordion").accordion("option", "icons",
        { 'header': 'ui-icon-circle-plus', 'headerSelected': 'ui-icon-circle-minus' });
        $( ".disabled" ).addClass("ui-state-disabled");

 $(".disabled").accordion("option", "icons",
        { 'header': 'ui-icon-locked', 'headerSelected': 'ui-icon-locked' });
        $( ".disabled" ).addClass("ui-state-disabled");
});