“ui-state-hover”效应的问题

我有一个HTML

我希望锚具有hover效果所以我添加这个javascript：

 $(".portlet-header").hover(function() { $(this).find("a") .removeClass("ui-state-default") .addClass("ui-state-hover"); },function(){……}); 

但锚点的“ui-state-default”或“ui-state-hover”状态不起作用：

我希望效果像jquery官方ui对话框演示 （是的，主题不同）……

那么我该如何解决这个问题呢？ 做出正确的hover效果

Answer 1

您可以使用：hover选择器完全在CSS中完成此操作。 即：

 .portlet-header a { ... }; .portlet-header a:hover { /* hover behavior */ } 

根据您希望hover发生的位置，您可以移动hover线。 以下内容会在标题hover时更改链接样式（而不仅仅是链接）：

 .portlet-header:hover a { ... } 

如果使用jQuery，您可以简化选择器：

 $(".portlet-header a").hover(); 

这是等效的。