JQuery 选项卡 - 更改输入条目上选项卡的背景颜色

Question

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

尝试更改我做过的背景；

$('.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;
}