Question

我想知道我的jQuery是否具有正确的逻辑或语法。所以我认为这个简单的jquery在逻辑上是正确的。让我告诉你我实际想要发生什么，所以我有一个菜单导航栏，我希望它在我向下滚动或向上滚动时交替改变字体颜色。因为我有幻灯片的这个ul＆gt; li类，我用它来确定它是奇数还是使用nth-child语法。因此，我决定在变量中分配它，然后使用if else过滤它们将要显示的颜色。

$(document).ready(function() {
var odd = $(".fullpage-data>ul>li:nth-child(odd)");
var even = $(".fullpage-data>ul>li:nth-child(even)");

if odd.mousedown(function() {
    $("#menu>ul>li").css("color","red");
})
else even.mousedown(function () {
    $("#menu>ul>li").css("color","white");
})

})

此外，是否可以将mousedown和mouseup放在同一个if或else？

Answer 1

您可以考虑使用CSS伪类悬停而不是mousedown和mouseup。当然，你也可以使用nth-child选择器。

例如：

.fullpage-data ul li:nth-child(odd):hover{color:red;}
.fullpage-data ul li:nth-child(even):hover{color:white;}

使用nth-child选择器更改字体颜色mousedown / mouseup

1 个答案: