JQuery Tabs - изменить цвет фона вкладки при вводе

Question

Я создаю простое приложение, которое имеет 5 вкладок и соответствующие DIV, которые содержат данные некоторых частей и два поля ввода. Я пытаюсь добиться того, чтобы когда кто-то вводил значение во входной файл .qty, он менял цвет фона выбранной в данный момент вкладки - я создал простую скрипку с кодом, который у меня есть; он создается динамически, но я создал скрипку со статическими данными.

Чтобы попытаться изменить фон, я сделал;

$('.qty').on('keyup', function() {
    if ($(this).val().length > 0) {
    $('.ui-tabs-active').addClass('tab-ok');
  }
})

Но это ничего не делает. Я не уверен, правильно ли я выбираю элемент, но из-за того, что я возился с ним, я нашел способ достичь этого, но это плохо нарушило стиль.

Как правильно это сделать?

Fiddle

Answer 1

Это проблема специфичности css . Ваше переопределение цвета не работает, потому что оно недостаточно конкретное. Вам нужно использовать что-то вроде:

#tabs .tab-ok {
    background: red;
}