jquery - 使用 jquery 加载内容时循环浏览按钮的各个阶段

Question

我有一个表单，上面有三个选项和一个提交按钮。提交时，内容将在后台加载。

我想要发生的是让提交按钮具有三种状态。

1. 提交表单的标题为“加载数据”的普通按钮（可点击）
2. 内容加载时淡出并禁用，标题为“正在加载”
3. 改回正常按钮（可点击），带您进入新页面，标题为“开始”

有人有什么想法吗？

Answer 1

像这样的东西。首先你的按钮说加载数据，然后：

$('#button').click(function(){

    $(this).addClass("Loading");

    $.ajax({
      url: "test.html",
      context: document.body
    }).done(function() {
      $("#button").removeClass("Loading");
      $("#button").addClass("DoneStart");
      $("#button").click(function(){window.location.href = "whatever.html"});
    });

 });