jQuery .animate 函数没有正确响应答案

【问题标题】：jQuery .animate function not responding properlyjQuery .animate 函数没有正确响应
【发布时间】：2015-08-27 20:05:54
【问题描述】：

所以几分钟前我刚刚发布了一个关于我的 jQuery 代码由于错误而无法工作的问题，并且得到了回答。然而，现在，一切看起来都很好，只是当我“.click”“#equals”时它不起作用或做任何事情。这是我的相关代码。

HTML

<div id="goDown">
    <img src="waterTankWaterREAL.png" id="water">
</div>
<input type="submit" name="equals" value="Solve" id="equals">

CSS

#water {
    position: relative;
    left: -4px;   
    z-index: 1;
    opacity: 0;
    width: 200px;
}

“#goDown”没有任何css

JavaScript/jQuery

$(document).ready(function() {
    $("#equals").click(function() {

        $('#water').animate({'margin-top': '-200px', 'opacity': .65}, 2000);

    });
});

另外，请注意我在我的 $("#equals") 函数中放置了一个“alert()”，以确保它可以正常工作。

【问题讨论】：

标签： javascript jquery html css web

【解决方案1】：

如果您更新您的问题，我会更新我的答案，但就目前而言，您没有 id 为“equals”的元素，因此您没有设置点击处理程序。

我在这个演示中添加了一个 ID 为“等于”的按钮，一切似乎都很好。

<button id="equals">click me</button>

http://codepen.io/Chevex/pen/VLWxKq

【讨论】：