如何单击按钮并使用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部分。感谢您的帮助