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");
});

DEMO

在addClass之后覆盖jquery ui

1 个答案: