2016-07-13 91 views
-3

我有一個連接js文件的HTML它的工作。爲什麼jquery不聽事件點擊?

當我嘗試在Google Console(Inspector)中編寫$('#userAdd').click(addUser);時。

我的JS。點擊看起來是這樣的:

$(document).ready(function() { 
    $('#userAdd').click(addUser()); 
}); 

HTML元素看起來是這樣的:

<div class="row">          
    <div class="form-group col-md-12"> 
     <div class="col-md-12"> 
<input id="userAdd" type="submit" value="Add" class="btn col-md-12 btn-primary "> 
     </div> 
    </div> 
</div> 

我把一些斷點在「源」督察對我.click,它是唯一的工作當頁面被加載或重新加載時。

更新:現在一切工作的解決方案是

$('#userAdd').click(function() { addUser(); }); 

而這一次不工作的一些原因

$('#userAdd').click(addUser); 
+1

你有什麼錯誤嗎? – Li357

+3

刪除'click(addUser())'中的內部圓括號。它應該是'click(addUser)'。函數名稱後面的括號立即調用它。 – j08691

+0

@AndrewL。不,控制檯是絕對清晰的 –

回答

4

此:

$('#userAdd').click(addUser()); 
          ^^ 

既然你()中, addUser函數被IMMEDIATELY調用,並且它的返回值變成了什麼參數爲click()。嘗試

$('#userAdd').click(addUser); 
or $('#userAdd').click(function() { addUser(); }); 

改爲。

+0

@馬克B。哇,所以現在我明白更多爲什麼我的debuger是如此whild:DDD 謝謝。 也幫助@我回來的解決方案 –

+0

謝謝。它解決了我的問題 –