Непоследовательный результат для мобильного класса jQuery ui-btn-active

Я получаю несогласованные результаты стилей для моего сворачиваемого списка.

В исходном состоянии складной объект свернут, а фон белый, как и было задумано. В развернутом состоянии фон первого элемента в списке (заголовок, который я только что щелкнул) должен измениться на сделку.

Это изменение фона работает только иногда. При использовании сенсорного устройства иногда список расширяется и сохраняет белый фон. И при сворачивании этого списка, в котором не удалось изменить фон, иногда приводит к тому, что список с бирюзовым фоном находится в свернутом состоянии.

Я предполагаю, что это установлено в классе ui-btn-active:

.ui-btn-active {
   background-color: #00a99d;
   border-color: #005c56;
   color: #ffffff;
   text-shadow: 0 1px 0 #444444;
}

Но почему несоответствие? Срабатывает 2 раза из 10.


jquery-mobile jquery-mobile-collapsible
person wyldcard    schedule 27.12.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте использовать что-то вроде этого

.ui-collapsible-heading-collapsed > .ui-collapsible-heading-toggle{
    background:red;
}
.ui-collapsible-heading-toggle{
    background:yellow;
}
person Shruti Purushan    schedule 02.09.2016