我在关于使用.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的背景颜色仍然没有变化。
我对此错过了什么?
答案 0 :(得分:2)
也许删除“;”在main.css("background-color", "#888;")