Javascript 防止通过JS提交双表单，但on事件未绑定到模态元素

我想防止用户两次提交表单（添加到购物车）。我遇到的问题是我的表单处于模式（Twitter引导）上

cart.js.咖啡

preventMultipleSubmit = ->
  $(".edit_offer input[type=\"submit\"]").on "click", () ->
    $(this).attr "disabled", "disabled"

$(document).ready(preventMultipleSubmit)
$(document).on("page:load", preventMultipleSubmit)

---

如果我不在模式中加载表单，上面的代码就可以工作如何将单击事件附加到模式中存在的提交按钮？如果有必要，我也在使用TurboLink。

解决了这个问题，不是很优雅，但它可以工作。如果你们知道如何简化，请告诉我：

preventMultipleSubmit = ->
  $(".edit_offer").on "submit", () ->
     $(this).find("input[type=\"submit\"]").attr "disabled", "disabled"

  $("#offerModal").on "shown.bs.modal", ->
    $(".edit_offer").on "submit", () ->
      $(this).find("input[type=\"submit\"]").attr "disabled", "disabled"