使用disable_with重新启用禁用的链接

Question

如何手动重新启用使用disable_with功能禁用的链接（而不是表单元素）？

Answer 1

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]'));
});

Answer 2

A solution I found here :

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

Answer 3

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);
})

Answer 4

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]');

Answer 5

您可以使用jQuery删除Rails添加到按钮的data-disable-with属性：$（'#dailedbutton'）。removeAttr（'data-disable-with'）;

Answer 6

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

Answer 7

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

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