“ui-state-hover”的问题影响
我有一个 html，
<div class="portlet-header">
<a href="#" class="ui-icon ui-corner-all ui-state-default">
<span class="ui-icon ui-icon-minusthick ui-corner-all"></span>
</a>
</div>
我希望锚点具有悬停效果，因此我添加了以下 javascript：
$(".portlet-header").hover(function()
{
$(this).find("a")
.removeClass("ui-state-default")
.addClass("ui-state-hover");
},function(){……});
但是锚点的 “ui-state-default” 或 “ui-state-hover” state 不是这样工作的：
我想要像 jquery 官方 ui 对话框演示那样的效果 
（是的，主题不同）……
那么我该如何解决这个问题呢？制作右侧悬停效果
I have a html
<div class="portlet-header">
<a href="#" class="ui-icon ui-corner-all ui-state-default">
<span class="ui-icon ui-icon-minusthick ui-corner-all"></span>
</a>
</div>
I want the anchor to have hover effect so I add this javascript:
$(".portlet-header").hover(function()
{
$(this).find("a")
.removeClass("ui-state-default")
.addClass("ui-state-hover");
},function(){……});
but the anchor's "ui-state-default" or "ui-state-hover" state doesn't work like this ：
I want the effect like the jquery official ui dialog demo (yes,the theme is different)……
So how can I solve this problem? Make a right hover effect
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用 :hover 选择器在 CSS 中完全完成此操作。即：
根据您希望悬停发生的位置，您可以移动悬停线。以下内容将在标题悬停时更改链接样式（而不仅仅是链接）：
如果使用 jQuery，您可以简化选择器：
这是等效的。
You can do this entirely in CSS using a :hover selector. Ie:
Depending on where you want the hover to occur, you could move the hover line. The following would change the link style when the header was hovered (and not only the link):
If using jQuery, you can simplify your selector:
This is equivalent.