jquery - 如何在 jQuery 中正确添加表单？

Question

我在 jQuery 中有一个函数，它以jsp这种方式添加到我的视图中：

$("#mydiv").append("<form class=\"sendMessage\" id=\"" + item.message_id + "\">" +
                "<input type=\"submit\" value=\"Delete\" />" +
                "</form><br />");
});

我想继续提交此表单操作。所以我写了这个函数：

$(".sendMessage").submit(function(event) {
    alert("sendMessage");
});

不幸的是，这不起作用。但是，当我将表单直接添加到jsp视图中时，我的提交功能就起作用了。

<form class="sendMessage">
    <input type="submit" value="Delete" />
</form>

我究竟做错了什么？

Answer 1

$(document).on("submit","form.sendmessage",function(){alert("sendMessage");
});

Answer 2

您是否在 DOM 上运行任何此代码准备就绪，即

$(document).ready(function() {

// .ready() 的处理程序被调用。});

见http://api.jquery.com/ready/

??

并且您是否在通过 Jquery 添加到标记的表单的回调上应用提交绑定？因为否则它可能还不存在。