在悬停复选框时，为不同的div设置动画

Question

我希望复选框＃video-checkbox，当悬停在上面时，为#video图像设置动画，如下所示。我做错了什么？

$(document).ready(function () {
    $("#video-checkbox").hover(function () {
        $("#video").stop().animate({
            opacity: 0.75,
            marginTop: -10
        }, 400);
    }, function () {
        $("#video").stop().animate({
            opacity: 1.0,
            marginTop: 0
        }, 400);
    });
});

Answer 1

您必须在页面中添加 jQuery 来源。

您可以下载here

Minified version

Full version Development

Answer 2

从您提供的链接看来，jQuery似乎未包含在您的页面中，$未定义。下载jQuery并在页面标题中链接到该标记

Answer 3

1：您的网页上不包含jQuery

2：您的网页上似乎没有带有视频ID的标记。