jQuery .animate函數沒有正確響應

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); 

    }); 
}); 

另外，請注意，我有在m裏面放一個「alert（）」 y $（「＃equals」）函數確保它的工作和它。

Answer 1

如果你更新了你的問題，我會更新我的答案，但是因爲它沒有元素ID爲「equals」，所以你沒有設置點擊處理器。

我在這個演示中添加了一個ID爲「equals」的按鈕，看起來效果很好。

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

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