Re-enable links disabled with disable_with

Question

How can I manually re-enable links (not form elements) that get disabled with Rails' disable_with feature?

score 14 · Answer 1 · answered Jul 13 '15 at 21:44

The call to reenable links is slightly different than form elements. It actually binds a handler to the click event that stops anything else from happening. I was able to figure this out by investigating how the jquery-ujs library.

To reverse this effect, simply use the enableElement method on your jQuery object:

$.rails.enableElement($('a[data-disable-with]'));

With Turbolinks, it also helps to watch for the 'page:change' event instead of window.unload:

$(document).on('page:change', function() {
   $.rails.enableElement($('a[data-disable-with]'));
});

score 9 · Answer 2 · answered Mar 13 '14 at 16:29

9

A solution I found here:

$(window).unload(function() {
  $.rails.enableFormElements($($.rails.formSubmitSelector));
});

answered Mar 13 '14 at 16:29

DGM

26,629
7
58
79

1

Yup, this works in Rails 3.2. Essentially, just pass a jQuery object or objects to `$.rails.enableFormElements` and it will re-enable it. In my case I passed the form I was submitting: `$.rails.enableFormElements( $( 'div.modal form' ) )` – Joshua Pinter May 13 '18 at 01:43

score 5 · Answer 3 · answered May 11 '17 at 21:19

Rails has updated their javascript to no longer use jQuery.

You can now re-enable elements with the following (assuming you are still using jQuery):

var selectors = [Rails.linkDisableSelector, Rails.formEnableSelector].join(', ');
$(selectors).each(function() {
  Rails.enableElement(this);
})

score 2 · Answer 4 · answered Jun 01 '17 at 23:54

2

Hey its quite simple you just need to find button and do

$button = $('#someId')
$.rails.enableElement($button)
$button.removeAttr('disabled')

answered Jun 01 '17 at 23:54

waqas ali

603
6
13

2

This doesn't change the text (i.e. `value`) of the button back to what it was before submission. – Joshua Pinter Jun 03 '19 at 22:19

score 1 · Answer 5 · answered Apr 21 '15 at 21:45

Based on @DGM solution I ended up with the following code:

$.rails.enableFormElements($disabled_button);

Where:

$disabled_button is the jQuery object for the button disabled by data-disable-with which could be selected like this:

$disabled_button = $('[data-disable-with]');

score 0 · Answer 6 · answered Sep 05 '14 at 13:37

0

OK I found this interesting work around (apparently the problem is only in FF) set :autocomplete => 'off' and now it works. Or one of the other answer might work as well.

ref: https://github.com/rails/jquery-ujs/issues/357

answered Sep 05 '14 at 13:37

rogerdpack

62,887
36
269
388

score -1 · Answer 7 · answered Jun 25 '13 at 10:59

-1

You can use jQuery to remove the data-disable-with attribute that Rails adds to the button: $('#disabledbutton').removeAttr('data-disable-with');

answered Jun 25 '13 at 10:59

guttermonkey

55
4

1

Ah, interesting. Looking for something to change it back to its original state. That doesn't seem to do it. – bevanb Jun 25 '13 at 11:16
Like bevanb said. This does not change the element back to its original state. – Peter Black May 28 '15 at 18:35

Re-enable links disabled with disable_with

7 Answers7

Linked