Question

我有一个非常奇怪的问题，这似乎很基本，但我无法让它发挥作用。我无法阻止按钮的提交事件，它会动态地插入到也是表单一部分的div中。

标记

 <form>
   ...
   <div class="dynamically-inserted">
     <button class="copy-inquiry">Copy</button>
   </div>
   ...
   <button id="submit-form" type="submit">Submit</button>
 </form>

的jQuery

 $( "body" ).on( "click", ".copy-inquiry", function(e) {
    e.preventDefault();
    console.log("button clicked");
 });

点击表单提交，console.log("button clicked")无法打印。如果我添加type="button，则表单不会提交，但仍然没有任何反应。

感谢您查看此内容。

Answer 1

您必须在表单

中提供SIGN

Fiddle link 有待进一步说明

HTML

id='frm'

JS

<form id="frm">
  <button type="submit" class="btn1">ss1</button>
  <button type="submit" class="btn2">ss2</button>
  <button type="submit" class="btn3">ss3</button>
</form>

希望这有帮助

无法阻止动态插入<button>提交到DOM中，这是表单的一部分

1 个答案: