如何使用jQuery單擊按鈕並彈出警報消息

Question

我無法彈出警報消息。 我有所有其他的jQuery代碼正常工作，所以我知道我正確地鏈接了庫。 可能是我將其放在文檔中的重要位置嗎？

HTML：

<button type="button" class="cancelForm">Cancel</button>  

jQuery的：

   $(".cancelForm").submit(function(){
     alert('Are you sure you want to cancel?');
   });

更新：仍然無法正常工作。 我稍后會嘗試重新標記。 感謝您的提示。

$(".cancelForm").on('click', function(){
alert('Are you sure you want to cancel?');
});

Answer 1

您想要單擊，而不是提交。

$(".cancelForm").click(function()

另外-將按鈕的類稱為其他名稱（現在，它是“ cancelForm”，這意味着它是一種表單，這使您感到困惑-並可能使需要在您之后維護代碼的開發人員感到困惑。

另外-使用jquery對話框顯示消息，而不是alert（）。

Answer 2

為了使此javascript正常工作，按鈕類型需要“提交”。 否則，您將需要按鈕的onclick事件處理程序。

Answer 3

我得到它的工作，但將代碼放在document.ready部分中。 謝謝您的幫助