使用.on动态添加jquery/js不知道的html元素

dynamically added html-elements not known by jquery/js also with .on

本文关键字：不知道 html 元素 js on 动态 添加 jquery 使用      更新时间：2023-09-26

这些表单被动态添加到文档中：

<form action="" method="post">
   name:<input type="text" name="name" /> <br/>
   <p><input type="submit" /></p>
</form>

而jquery/js函数对它不起作用。

$(function() {
    $('form').on( "submit", function(e) {    
        e.preventDefault(); // Stop normal submission
        alert("submit");

如果我直接将表单添加到文档中，而不是动态添加，那么它就可以工作了。怎么了？有什么想法吗？

更改

$(function() {
        $('form').on( "submit", function(e) {

至

$(document).on( "submit", 'form', function(e) {
相关文章：