0

在活动中启用远程链接的最佳方式是什么?

我有一个加载表单的远程链接。表单加载后,我希望链接保持禁用状态,直到提交表单或单击取消链接。UJSdata-disable-with只会在请求的生命周期内禁用链接,这意味着多次单击链接会加载多个表单。

有没有办法用 UJS 做到这一点,还是我必须推出自己的 JS?

= link_to "Edit", edit_project_path(@project), remote: true, 'data-disable-with' => "Wait"

该链接加载此表单:

= form_for @project, remote: request.xhr? do |f|
  = f.text_field :name
  = content_tag :a, "Cancel", data: { removes: 'project-form' }
  = f.submit

单击取消链接将删除表单。

$('.project-summary').on 'click', '[data-removes="project-form"]', ->
  $(this).parents('form').remove();
4

0 回答 0