Tùy chọn disable_with dạng Rails với 2 nút gửi cũng bắt đầu vô hiệu hóa nút khác khi tôi nhấp vào một

Question

Trong ứng dụng đường ray của tôi, tôi đang sử dụng ba nút, savesubmit và cancel. Tôi đã sử dụng tùy chọn disable_with cho save và submit với các giá trị saving... và submitting.

Nhưng vấn đề là khi nhấp vào bất kỳ save hoặc submit nút khác bắt đầu hiển thị giá trị disabled_with của nó quá. Ví dụ: nếu tôi nhấp vào save thì save trở thành saving... và submit cũng trở thành submitting....

Bạn có biết cách xử lý nó không?

Cảm ơn trước!

Answer 1

Câu trả lời trên là chính xác nhưng có thể không hoạt động đôi khi với turbolinks, vì vậy bạn có thể sửa đổi nó thích:

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

:)

Answer 2

Làm việc cho tôi:

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