jquery - jquery eventhandler 和 documentready：处理程序绑定太晚

Question

所以我有

$(document).ready(function() {
  $('#button').click(function(e) {
      e.preventDefault();//do not submit the form
      //go to a specific place
   });
});

现在不幸的是，我的页面需要加载相当多的数据，所以它需要一些时间才能准备好。该按钮位于表单内。

如果页面没有完全加载，并且用户单击按钮，我实际上会执行默认事件（提交表单）......我不想要

在我们的工作流程中，该按钮不太可能被如此快速地按下 - 但它可能会让我烦恼。知道可以做什么吗？

Answer 1

默认禁用按钮，加载页面后启用按钮

Answer 2

如果您打算使用 ajax 处理提交，请禁用表单的提交操作。

<form onsubmit="return false;">

Answer 3

一个很好的做法是在单击按钮时设置加载指示器或微调器，并在单击后立即禁用它，以便用户知道他在期待某些东西，而不仅仅是双击它。