单击功能使悬停功能停止工作
这可能是一个简单的解决方案，但我不明白。所以我有一个正在开发的单页网站，我有一个 jquery .click() 函数可以更改导航的颜色。我还有一个 .hover() 函数也可以改变颜色。悬停功能可以正常工作，直到单击其中一个导航。然后悬停功能停止工作。这是我的代码
$(document).ready( function() {
$('nav a').click(function() {
$('nav a.lightGrey').css({color:'#888'});
$('nav a.darkGrey').css({color:'#555'});
$(this).css({color:'#0cf'});
});
$('nav a').hover(
function() {
$(this).addClass('hover')
},
function() {
$(this).removeClass('hover')
}
);
});
建议？
This is probably an easy solution but Im not getting it. So I have a one page site im working on a I have a jquery .click() function that changes the color of the navigation. I also have a .hover() function that also changes the color. The hover function works just fine until one of the navigation is clicked. Then the hover function stops working. here is my code
$(document).ready( function() {
$('nav a').click(function() {
$('nav a.lightGrey').css({color:'#888'});
$('nav a.darkGrey').css({color:'#555'});
$(this).css({color:'#0cf'});
});
$('nav a').hover(
function() {
$(this).addClass('hover')
},
function() {
$(this).removeClass('hover')
}
);
});
Suggestions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您的内联样式由
css()[docs]< 设置/i> 方法会覆盖类中的样式，除非您将!important赋予类中的样式。Your inline styles set by the
css()[docs] method override styles from classes, unless you give!importantto a style in a class.