jQuery标签-更改输入条目上标签的背景颜色

Question

我正在创建一个简单的应用程序，其中包含5个选项卡和相应的DIV，其中包含一些零件数据和两个输入字段。我要实现的目标是，当有人在.qty输入中键入一个值时，它会更改当前所选选项卡的背景颜色-我用当前获得的代码创建了一个简单的小提琴。它是动态创建的，但是我用静态数据创建了小提琴。

要尝试更改我做过的背景；

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

但是它什么也没做。我不确定是否要选择正确的元素，但是通过弄乱它，我确实找到了实现它的方法，但是它以一种很糟糕的方式破坏了样式。

正确的方法是什么？

Fiddle

Answer 1

这是css specificity的问题。您的颜色覆盖无效，因为它不够具体。您需要使用以下方式：

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