jquery事件处理程序和文档就绪：处理程序绑定太晚了

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

一个好的做法是在点击按钮时有一个加载指示器或微调器，并在单击它时立即禁用它，这样用户就知道他正在期待某些东西，而不仅仅是双击它。