在 addClass 之后覆盖 jquery UI

Question

我有一个包含列表的div。

它的CSS：

#ResultsText  
{  
  color: #696969;
  text-align: right;
  vertical-align: top;
}

在 JS 文件中：

$("li.ResultParagraph").mouseover(function () {
  $(this).addClass("ui-state-hover");
}).mouseout(function () {
  $(this).removeClass("ui-state-hover");
});
$('.ui-state-hover').css("font-weight", "normal");

但我仍然看到粗体的悬停文本。
有什么建议吗？

Answer 1

你应该这样做(或者将"粗体">切换为"正常"(

$("li.ResultParagraph").mouseover(function () {
    $(this).addClass("ui-state-hover").css("font-weight", "bold");
}).mouseout(function () {
    $(this).removeClass("ui-state-hover").css("font-weight", "normal");
});

演示