user-interface - 防止按钮单击的操作

Question

我正在开发一个 GUI。当用户按下“加载”时，会发生一系列需要 2-3 分钟的处理。在“加载”处理完成后，用户单击“执行”。

问题是当用户在“加载”处理完成之前单击“执行”时，我的程序崩溃了。目前这是可能的，因为“加载”仍在处理中，因此无法阻止点击“执行”。

请建议一种友好的用户方法，以防止用户在“加载”完成之前按“执行”。

谢谢。

Answer 1

在不了解您的 UI 环境的情况下很难给出明确的答案。简单的解决方案是禁用或隐藏执行按钮，直到加载过程完成。

虽然我首选的解决方案是让执行过程检查数据是否已加载，如果没有执行加载，然后再继续它自己的事情。

如果加载是一个漫长的资源密集型过程，那么您总是可以要求用户确认 - 但如果他们要求“执行”并且数据尚未加载，那么加载它是正确的做法。

Answer 2

您可以在 type="button" 的输入上使用 disabled 属性来启用或禁用按钮。当您希望禁用按钮时，使用 jQuery 添加 disabled 属性。

$("#Execute").attr( 'disabled', 'disabled' );

并删除它

$("#Execute").removeAttr( 'disabled');

当您希望启用它时。例如，在您的加载事件完成后。