个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我试图让一个列表项在单击时永久更改字体颜色，在这种情况下从绿色变为黄色。但是，下面的代码在单击时只会闪烁黄色半秒钟，然后默认为绿色。正如预期的那样，下划线样式会永久应用:
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function(){
$('li').hover(function(){
$(this).css('color', 'white')
}, function(){
$(this).css('color', '')
});
$("#resources").click(function(){
$("#resources").css('text-decoration', 'underline');
document.getElementById("resources").style.color = "yellow";
});
});
</script>
<style>
#main{
margin: 0 auto;
text-align: center;
background: black;
color: green;
font-family: Courier;
position: relative;
top: 300px;
width: 100%;
}
li{
display: inline;
padding: 8px;
padding-right: 1em;
position: relative;
}
li:hover{
color: white;
}
ul{
text-align: center;
}
</style>
</head>
<body>
<div id = "main">
<ul id = "main_links">
<li id = "resources">Resources</li>
</ul>
</div>
</body>
</html>最佳答案
尝试用 .mouseenter() , .mouseleave() 代替 .hover() ；在 #resources .click() 事件中调用 .off() 的 $(this)
$(document).ready(function() {
$('li').mouseenter(function() {
$(this).css('color', 'white')
}).mouseleave(function() {
$(this).css('color', '')
});
$("#resources").click(function() {
$(this).css({
"text-decoration": "underline"
, "color": "yellow"
})
.off("mouseenter mouseleave")
});
});#main {
margin: 0 auto;
text-align: center;
background: black;
color: green;
font-family: Courier;
position: relative;
top: 300px;
width: 100%;
}
li {
display: inline;
padding: 8px;
padding-right: 1em;
position: relative;
}
li:hover {
color: white;
}
ul {
text-align: center;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<body>
<div id="main">
<ul id="main_links">
<li id="resources">Resources</li>
</ul>
</div>
</body>关于jQuery 颜色变化只会短暂闪烁，不是永久性的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31756696/
27
4
0
我有一个测验应用程序，用户可以在其中使用单选按钮回答一些问题。只有一个答案是正确的。 当我单击我的按钮以显示正确答案时，它会显示在 textView 中。 到目前为止，我还有另一个按钮可以导航到下一个
当使用 IoC 容器时，我可以指定当需要给定的依赖项时，要么每次传入一个新对象，要么传入的对象始终是同一个实例。 我曾认为内部和外部模块分别提供了该功能，但现在我不太确定。此外，我发现在使用“内部”模
我是一名优秀的程序员,十分优秀！