イベントは発生しますが、何も起こりませんか？

Question

.NET Coreを使用したWebアプリケーションの作成について、私はこの講座の後半につきます。著者はjQuery 2.4.3を使用しています。私は最新のjQueryを自分で選びました。

だから私は彼がまったく同じようなコードを記述します。私は私のdivにマウスを合わせたときに

(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", ""); 
    }); 
})(); 

そして、最初は何もでは起こりました。色は変わりません。何も登録することはあまりありません。

(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", ""); 
    }); 
})(); 

とコンソールは、「入力」と「アウト」出力しながら、私のdivの背景色がまだ変更されません。だから、私は、これは私はおそらく代わりにそれを行うべきかであることがわかった狩り行ってきました。

私はこれについて何かお見逃しですか？

Answer 1

";" in main.css("background-color", "#888;")