javascript - 为什么 Prop 禁用会导致 rails 形式的按钮不触发？

Question

好的，我有这个表格

  = form_tag 'some_controller/create', :remote => true do
  ...
  ...
  .right= submit_tag 'Submit Me', :id => 'submit_me'
  .clear

这是我的 create.js.erb

  $('#submit_me').remove();

和我的 application.js 文件

$('#submit_me').live('click', function(){
  $(this).val("One moment please...");
  $(this).prop("disabled", true);
});

问题是，当我单击它时，表单没有提交。如果我取出 $(this).prop("disabled", true);

然后它提交正常，一切正常，但这没有意义为什么我无法禁用该按钮......任何建议

Answer 1

我认为你应该在这里处理更合适的事件，在本例中是submit。另外，don't use .live()

$('#Parent').on('submit', '#theForm',function(){
  $('#submit_me').val("One moment please...");
  $('#submit_me').prop("disabled", true);
});

这里有一些注释:

• 如果您不确定'#Parent'，您可以使用'body'。
• click 确实有效，但您必须通过执行 $('#theForm').submit() 手动提交表单