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将标签添加到标记的表单的回调应用提交绑定？因为否则它可能还不存在。

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

2 个答案: