javascript - Rails 的远程表单 `disable_with` 功能完成后如何执行 Javascript？

Question

我正在使用 disable_with，并且无法使按钮文本更改保持不变(因为它被 disable_with 功能覆盖)。一旦我删除 , data: {disable_with: '...' 按钮就会按预期更新。

有没有办法在 disable_with 功能完成后执行操作？

形式:

<%= form_for @user, html: {id: 'follow-form'}, remote: true do |f| %>
    <%= button_tag id: 'follow-btn', data: { disable_with: '...' } do %>
        Follow
    <% end %>
<% end %>

js:

$('#follow-form').on('ajax:success',function(data, status, xhr){
    if (status.action == 'follow') {
        $('#follow-btn').text('Unfollow');
    } else {
        $('#follow-btn').text('Follow');
    }
}

Answer 1

也许没有disable_with并且:

$('#follow-form').on('ajax:send',function(data, status, xhr){
    $('#follow-btn').text('Please wait...').attr({disabled: true});
});

当 AJAX 请求成功时:

$('#follow-form').on('ajax:success',function(data, status, xhr){
    if (status.action == 'follow') {
        $('#follow-btn').text('Unfollow').attr({disabled: false});
    } else {
        $('#follow-btn').text('Follow').attr({disabled: false});
    }
});