javascript - JQuery .css ("color", "wanted_color") 不工作,提醒正确的颜色

标签 javascript jquery css

这很奇怪,我也不知道为什么。我正在设置我的 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/

相关文章:

html - 响应式 Bootstrap 导航菜单

javascript - 在隐藏的 div 中选择 2 全 Angular ?

c# - 使用 C# 将 Javascript 添加到 ASPX 页面

javascript - 返回加载框架7上的当前页面

javascript - Nester在循环中延迟了Ajax调用

javascript - 我应该使用什么语言来构建小型 Costing 应用程序?

javascript - 所有移动设备(浏览器)的锁定屏幕方向

javascript - 带有 ken burns 效果幻灯片的颜色叠加

javascript - jQuery 函数和页面重新加载问题(也许)

css - Sass 顺序动画