Javascript 正在侦听提交的表单不起作用

我正在尝试禁用表单提交上的一些按钮，但我似乎无法使该功能与我的设置一起工作。以下是我的Javascript：

JS HTML

%>

---

当我提交表单时，我的Javascript中的调试器不起作用。我做错了什么？

事件处理程序仅绑定到当前选定的元素；在代码调用事件处理程序时，它们必须存在于页面上。尝试在文档对象的子对象上委派事件

$(document).on("submit","form.upload-data-form", function(e) {
    e.preventDefault();
    debugger;
  });

---

我的Javascript中的调试器不工作

-哪个浏览器？Chrome版本59尽管上述代码似乎有效，但请尝试在方法上使用

$（“表单”）。在（“提交”，函数（事件）{event.preventDefault（）；}）@Rikin似乎不起作用了either@Bitwise你能看到这是否输出了什么吗<代码>警报（“您正在运行jQuery版本：”+$.fn.jQuery）很可能您的$sign没有分配给jQuery。代码被包装在
.ready
中，这应该足以满足该场景。
<%= form_for @changeset, upload_path(@conn, :create), [class: "upload-data-form", multipart: true], fn f -> %>

$(document).on("submit","form.upload-data-form", function(e) {
    e.preventDefault();
    debugger;
  });

$.noConflict();
jQuery( document ).ready(function( $ ) {
  $("form.upload-data-form").submit(function(e) {
    e.preventDefault();
    debugger;
  });
});