这很奇怪,我也不知道为什么。我正在设置我的 div 的字体颜色,但它不起作用。设置颜色后,我会提醒它正确提醒。它根本不显示颜色变化。
$("div.page").each(function() {
if (!isNaN(parseFloat(this.id)) && isFinite(this.id) && this.id != page) {
$(this).mouseover(function() {
$(this).css("color", "blue");
alert($(this).css("color"));
});
}
});
这是我的测试站点的链接:http://az-web.info/repository/
将鼠标悬停在“2”(页面选择器的“1”下方)上,您会看到它没有改变,但会正确提醒。
最佳答案
您需要查看您的 HTML 的结构。悬停的 div 包含 <font>
元素,具有 color
覆盖任何继承的属性 color
样式。您需要更改该值,例如:
$("div.page").each(function() {
if (!isNaN(parseFloat(this.id)) && isFinite(this.id) && this.id != page) {
$(this).mouseover(function() {
$(this).find("font").attr("color", "blue");
//alert($(this).css("color"));
});
}
});
我想你也想要一个 mouseout
当您离开悬停时删除样式的事件。由于这种洞察力,将类用于这样的事情可能是一个更好的主意,这样您就可以添加/删除类,这样更容易维护。现在考虑一下,使用 :hover
完全使用 CSS 可能更容易伪类选择器。这是否意味着您甚至需要 <font>
由您决定。如果你有理由按照你现在的方式做每件事,那就继续坚持下去。否则,您可能需要修改以获得更好的维护/结构。
关于javascript - JQuery .css ("color", "wanted_color") 不工作,提醒正确的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13577308/