Question

首次点击后，应禁用以下链接

<%= link_to "Submit Order", {:action => "charge"}, class: 'btn btn-primary', id: 'confirmButton' %>

以下代码会永久禁用该链接：

ready = ->

$('#confirmButton').click (e) ->
  e.preventDefault()
  return

$(document).ready(ready)    
$(document).on('page:load', ready)

如何修改此代码，以便首次点击时该链接处于有效状态，然后在后续点击时停用？

Answer 1

考虑使用按钮代替; rails'按钮帮助器支持disabled_with data属性，该属性应在单击按钮后自动禁用该按钮。

这也适用于表单提交帮助

Answer 2

首次点击后，您可以在按钮上添加禁用的课程

$('#confimationButton').on('click', function() {
  if($(this).hasClass('disabled'))
    return;
  // do work
  $(this).addClass('disabled');
});

Answer 3

对Docs的答案略有不同

$('a').on('click', '.disabled', function(){
  return false;
});

然后像他提到的那样添加disabled类

Answer 4

<%= link_to "Submit Order", {:action => "charge"}, class: 'btn btn-primary', id: 'confirmButton', data: { disable_with: "Please wait..." } %>

Answer 5

如果要更改显示属性（颜色等）但添加类很好，但实际上并未禁用该链接。显然设置了“禁用”＃39;财产也没有。我见过的解决方案都与设置“点击”有关。返回false的链接的处理程序或停止点击操作的传播。这篇文章就是一个很好的例子：