2011-04-17 9 views
8

不能似乎得到這個工作。任何幫助都會很棒。我有點用jQuery的初學者。jQuery onClick事件

$('#add_button').click(function() { 
    $("#add_button").hide(); 
}); 

下面是HTML

<input id='add_button' type='submit' class='add_now' value='' /> 

似乎很簡單,但點擊輸入什麼都不做。有針對輸入的不同方法嗎?謝謝。

+0

看來您的表單目前回復到同一頁面。假設你永遠不會嘗試用這種方式提交表單,你可以使用type ='button'來代替提交。 – 2011-04-17 23:05:16

+0

呵呵,這種方法仍然沒有運氣。我將它改爲按鈕類型。這不在

標籤內。這會改變什麼嗎?我簡單地將它作爲輸入,因爲它將在稍後處理。 – 2011-04-17 23:18:58

回答

17

確保您的腳本之前包括jQuery的:

<script src="http://code.jquery.com/jquery-latest.js"></script> 

並把你的代碼的文檔就緒函數中:

$(document).ready(function() { 
    $('#add_button').click(function() { 
     $("#add_button").hide(); 
    }); 
}); 
+0

兩者都已經存在。謝謝! – 2011-04-17 23:21:23

+0

你知道嗎..我的功能從上面的文檔就緒功能關閉了!謝謝,否則不會注意到這一點。 – 2011-04-17 23:23:07

0

從您的功能返回false

1

您應該添加return false;以防止瀏覽器的默認操作。

+0

這似乎沒有區別。你能告訴我一個例子嗎? – 2011-04-17 23:06:08

+0

** [試試這個](http://jsfiddle.net/9J6kd/)** – qwertymk 2011-04-17 23:18:56

0

的問題可能是你的jQuery是上述表單。嘗試將它移動到HTML之下。