Rails UJS数据-禁用-返回结果

Question

我使用的是Rails3的UJS (顺便说一句，这很棒)。我有以下表单HTML：

<form accept-charset="UTF-8" action="/users/invitation" class="simple_form form-invite" data-remote="true" method="post">
   <input class="btn btn-mini btn-invite" data-disable-with="Inviting" name="commit" type="submit" value="Invite">
</form>

我使用的是data-disable-with，所以在处理过程中，按钮文本会发生变化，并且按钮会被禁用。但是，我希望在呼叫完成后将按钮文本更改为“邀请”。

我使用的是以下内容：

  $(document).on "ajax:success", ".form-invite", (evt, data, status, xhr) ->
    el = $(this).find('.btn-invite')
    el.val("Invited")
    return

这确实会更改按钮文本。但是，由于它是在ajax:success块中处理的，按钮文本将恢复为"Invite“。有没有办法在处理后使用HTML属性或JavaScript来定义按钮文本？

Answer 1

我可以通过一个小技巧来解决这个问题：

$(document).on("ajax:success", ".form-invite", function(evt, data, status, xhr) {
  var el;
  el = $(this).find('.btn-invite');
  setTimeout((function() {
    return el.val("Invited");
  }), 1);
});