事件开始但没有任何反应?

时间:2017-05-18 12:55:38

标签: javascript jquery css

我在关于使用.NET Core制作网络应用程序的复数方面学习本课程。作者使用jQuery 2.4.3,我想我自己选择了最新的jQuery 3.x。

所以我完全按照他的意思编写代码:

(function () {
    var ele = $("#userName");
    ele.text("Some Dude");

    var main = $("#main");
    main.on("mouseenter", function () {
        main.css("background-color", "#888;");
    });
    main.on("mouseleave", function () {
        main.css("background-color", "");
    });
})();

当我嘲笑我的div时,起初什么也没发生。它不会改变颜色。似乎根本没有注册。所以我去找了一个我发现这就是我应该这样做的方式:

(function () {
    var ele = $("#userName");
    ele.text("Some Dude");

    var main = $("#main");
    main.on("mouseover", function () {
        console.log("enter");
        main.css("background-color", "#888;");
    })
    .on("mouseout", function () {
        console.log("out");
        main.css("background-color", "");
    });
})();

当控制台打印出来时,输入"和" out",我的div的背景颜色仍然没有变化。

我对此错过了什么?

1 个答案:

答案 0 :(得分:2)

也许删除“;”在main.css("background-color", "#888;")