Question

所以我刚刚在几分钟前发布了一个问题，关于我的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（）”以确保它正常工作。

Answer 1

如果你更新了你的问题，我会更新我的答案，但就目前而言，你没有带有id＆＃34; equals＆＃34;所以你什么都没设置点击处理程序。

我添加了一个ID为＆＃34;等于＆＃34;的按钮。这个演示似乎工作正常。

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

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

jQuery .animate函数没有正确响应

1 个答案: