javascript - JQuery .css()或.hover()均不起作用

My Code（在全窗口中启动）。

我的JS代码：

$(document).ready(function () {
    $("#play_buttton").hover(
        function () {
            $('#play_button').css({ "height": "240px", "width": "250px" });
        },
        function () {
            $('#play_button').css({ "height": "225px", "width": "220px" });
        }
    );
});

我认为这段代码一定会造成问题。

问题：当我将鼠标悬停在图片（#play_button）上时，什么也没有发生，并且它的高度和宽度没有变化。有人可以告诉我如何解决该问题。

谢谢。

最佳答案

将会是play_button而不是play_buttton

$(document).ready(function () {
    $("#play_button").hover(   // Here not play_buttton
        function () {
            $(this).css({ "height": "240px", "width": "250px" });
        },
        function () {
            $(this).css({ "height": "225px", "width": "220px" });
        }
    );
});

请参见此示例FIDDLE。

您也可以在FIDDLE2中像这样.animate

关于javascript - JQuery .css()或.hover()均不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18572020/