2012-05-17 26 views
1

我有一個包含列表的div。addClass後重寫jquery ui

它的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"); 

但我仍然看到以粗體顯示的懸停文本。
有什麼建議嗎?

+0

你可以包括一些HTML甚至更好的創建一個http://的jsfiddle .net – ManseUK

+0

看這裏 - http://jsfiddle.net/toy4fun/U5Bn9/2似乎沒有像在真實的網站上工作。 – toy4fun

+0

[Hows this](http://jsfiddle.net/U5Bn9/1/)我剛剛從jQuery UI添加了Smoothness主題CSS - 'font-weight'似乎對我來說看起來「正常」? – ManseUK

回答

3

你應該做這樣的(或切換「大膽」「正常」

$("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

+0

這種排序問題, 謝謝。 – toy4fun