Значки по умолчанию каскадируются поверх пользовательских аккордеонных значков пользовательского интерфейса Jquery - PullRequest
Новая
       7

Значки по умолчанию каскадируются поверх пользовательских аккордеонных значков пользовательского интерфейса Jquery

1 голос
/ 01 сентября 2011

Я пытаюсь использовать 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 иПользовательский интерфейс 1.7.3.

Если я посмотрю на css с помощью отладчика, я увижу, что мои значки есть, но они каскадируются классами .ui-state-default .ui-icon.

Спасибо за любую помощь, и дайте мне знать, если мне нужно предоставить больше информации!

1 Ответ

1 голос
/ 01 сентября 2011

Кажется, это ошибка в старой версии. Если вы обновите свой 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/.

...