如何使用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部分中。 谢谢您的帮助