Jquery баян плагин

Question

Я использую Jquery аккордеонный плагин. Мне нужно использовать свои собственные значки заголовков, в соответствии с документом, мне нужно создать класс CSS с фоновым изображением.

, поэтому я сделал это в моем файле CSS.

.normal_arrow {
    background : url(../images/arrowonly.jpg);
}

.circle_arrow {
    background : url(../images/circle_arrow.jpg);
}

.circle_arrow_down {
    background : url(../images/circle_arrow_down.jpg);
}

затем в JavaScript:

$("#accordion").accordion({
    header: "h3",
    clearStyle: true,
    autoHeight: false,
    icons: {
        header: "normal_arrow",
        headerSelected: "circle_arrow_down"               
    }
});

но стрелок нет.

Answer 1

Та же проблема, мне пришлось использовать положение: абсолютное; чтобы контейнер значков имел ширину и высоту.

.normal_arrow {
    background : url(../images/arrowonly.jpg);
    position: absolute;
    width: 10px;
    height: 10px
}

Answer 2

Ваш код выглядит правильно.

Попробуйте использовать background-image: вместо background:

Также используйте такой инструмент, как Firebug, чтобы быть абсолютно уверенным, что пути родственников идут туда, куда, как вы думаете, они идут.

Answer 3

Использование !important:

.normal_arrow {
    background : url(../images/arrowonly.jpg) !important;
}

потому что вам нужно перезаписать стиль по умолчанию.

Answer 4

ПРИМЕЧАНИЕ: это только для пользователей, которые НЕ используют стили jquery. (т.е.) вы не включили в файл jquery css.

стиль по умолчанию в CSS следующий:

.ui-icon { display: none; text-indent: -99999px; overflow: hidden; background-repeat:  no-repeat; }

Так что если вы настроили div с фоновым изображением, шириной и высотой, но он все равно не будет отображаться, это из-за вышеуказанного класса.

Добавьте это к вашему документу:

<style type="text/css">
.ui-icon { display: block; }

</style>

Answer 5

Неправильное использование фона. Для этого, возможно, используйте либо

background-image: url(../images/circle_arrow.jpg);

или

background: transparent url(../images/circle_arrow.jpg) top left no-repeat;

Answer 6

В CSS используйте background-image, а в JavaScript вам нужно поместить header и headerSelected в кавычки.