knockout.js 如何更改非活动列表项的字体颜色?

2fjabf4q  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(163)

html代码看起来像这样,并在屏幕顶部创建了标签,用于导航到程序的几个部分。

<ul id="navigationMenuTop" class="nav navbar-nav" data-bind="foreach: getRoutes">
    <li data-bind="css: { active: isActive() }">
        <a data-bind="attr: { href: ... } >

现在我需要点亮其中一个选项卡,以防程序的某个部分需要用户注意。每10分钟检查一次这些注意事项,如果检查返回true,则需要高亮显示该选项卡。我在视图模型中的if语句中高亮显示了这一行。

$('#navigationMenuTop a[href*="registration"]').parent().css('background-color', '#ff4500');

问题是改变颜色的选项卡不是活动选项卡,文本颜色将是灰色的。仅仅将其设置为活动将改变的不仅仅是文本颜色,这不是一个选项。
如何更改非活动列表项的文本颜色?

lp0sw83n

lp0sw83n1#

我想我有点过头了...但是现在开始了。你可以点击一行,它会被高亮显示,当需要注意的时候,行会被高亮显示,...所有的都是敲除,没有jquery ...
第一个

kx1ctssn

kx1ctssn2#

所以我又试了一次,结果成功了...

$('#navigationMenuTop a[href*="registration"]').css('color', '#000000');

相关问题