jQuery 不响应按钮点击（不提交）

Question

我在没有提交按钮的页面上有一个表单：

 <form id='voteForm' action='xyz' method='post'>
 <fieldset>      
 <input type="hidden" id="task_id" value="{$feature_details['task_id']}" />
 <input type="hidden" id="vote_id" value="{$vote['vote_id']}" />
 <input type="hidden" id="vote_type" value="{$vote['vote_type']}" />
 <input type="hidden" id="vote_rating" value="{$vote['vote_rating']}" />
 <input id="btn-update-vote" class="btn btn-sm btn-primary" type='button' disabled="disabled" value="{L('SubmitVote')}">
 </fieldset>
 </form>

我无法让 jQuery 捕获 'SubmitVote' 按钮上的点击事件这些似乎都不起作用：

$('#btn_update_vote').click(function() { 
   console.log('Click: #btn_update_vote');
})  

$('form#voteForm').on('click', '#btn_update_vote', function() { 
   console.log('Click: #btn_add_comment');
})

我不明白是什么原因造成的！任何帮助表示赞赏！

顺便说一句：我可以使用 jQuery 在按钮上设置禁用属性，在 'documentReady' 上我将按钮记录到控制台：

[Log] [ (tracker, line 446)
<input id="btn-update-vote" class="btn btn-sm btn-primary" type="button" disabled="disabled" value="Cast Your Vote">
]

Answer 1

<input id="btn-update-vote"

$('#btn_update_vote').click( //...

您使用破折号 (-) 而不是下划线 (_) 声明了您的 ID，因此您需要

$('#btn-update-vote').click(

@Richer 也是正确的

Answer 2

您的按钮属性已禁用="disabled" 使其不可点击，甚至内联 onclick 监听。

jQuery 不响应按钮点击（不提交）

jQuery does not respond to button click (not submit)

javascript

jquery

click

onclick