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

【问题标题】：On hover of a checkbox, animate a different div在复选框悬停时，为不同的 div 设置动画
【发布时间】：2012-08-24 13:28:05
【问题描述】：

我希望复选框#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);
    });
});

【问题讨论】：

运行这段代码会发生什么？
我觉得很好jsfiddle.net/UBC8G
杰夫，仍然没有任何反应。请在ifr.ifrhosting.net查看代码。
对我也有用，jsfiddle.net/8nvrG
@mrpritchett：你不包括jquery.js。

标签： javascript forms checkbox hover jquery-animate

【解决方案1】：

从您提供的链接看来，您的页面中未包含 jQuery，$ 未定义。下载jQuery并在页面的head标签中链接到它

【讨论】：

【解决方案2】：

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

你可以下载它here

Minified version

Full version Development

【讨论】：

卫生署！如果它加载并且一定是错误地取出它......

【解决方案3】：

1: jQuery 不包含在您的页面中

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

【讨论】：