javascript - 如何使用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

我让它工作，但将代码放在 document.ready 部分中。感谢您的帮助

Answer 2

您想要点击，而不是提交。

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

另外 - 将您的按钮的类称为其他名称（现在，它是“cancelForm”，这意味着它是一个让您感到困惑的表单 - 并且可能会使需要在您之后维护代码的开发人员感到困惑。

另外 - 使用 jquery 对话框显示消息，而不是 alert()。

Answer 3

按钮类型需要“提交”才能使此 javascript 工作。否则，您将需要为按钮提供 onclick 事件处理程序。