«data-disable-with» вызывает все кнопки в форме

Question

У меня есть две кнопки в многошаговой форме: ПРОДОЛЖИТЬ и НАЗАД.

<%= f.button_tag "#{t :Back}", name: 'back_button', id: 'back_button', class: "btn btn-primary", style:"background: #d3f0fe !important; color: #44B5EB !important;", 'data-disable-with' =>"<i class='fa fa-spinner fa-spin'></i> #{t :processing}".html_safe unless @event.first_step? %>

<%= f.button_tag "#{t :Continue}", id: 'submit-all', class: "btn btn-primary", 'data-disable-with' =>"<i class='fa fa-spinner fa-spin'></i> #{t :processing}".html_safe %>

Я добавил следующие JS, чтобы отключить одну кнопку, когда пользователь нажимает на другую:

$('#back_button').click( function () {
    var buttons = $('#back_button').not($(this));
    buttons.removeAttr('data-disable-with');
    buttons.attr('disabled', true);
});



$('#submit-all').click( function () {
    var buttons = $('#submit-all').not($(this));
    buttons.removeAttr('data-disable-with');
    buttons.attr('disabled', true);
});

, но по какой-то причине она не работает, и обе кнопки поворачиваются в «Обработка» при нажатии на любую из них.

Кто-нибудь видит что-то не так в коде, пожалуйста?

Answer 1

Я закончил делать:

$('#back_button').click( function () {
    var buttons = $('#submit-all');
    buttons.removeAttr('data-disable-with');
    buttons.attr('disabled', true);
});



$('#submit-all').click( function () {
    var buttons = $('#back_button');
    buttons.removeAttr('data-disable-with');
    buttons.attr('disabled', true);
});