jquery 表单使用 .on() 提交

Question

我正在尝试发送由 jquery 创建的表单。该表单附加到一个 div 中，下面的变量“data”是使用 php 创建的，我将只发布最重要的 js 代码。

我尝试了很多带有和不带有“on()”的操作，但我未能让警报框显示“1”，以便我知道代码块实际上已执行。老实说，我不明白我在做什么做错了，任何解释将不胜感激。提前致谢!

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$("form.moveform").on("submit",function(event){
    alert(1);
});

Answer 1

您在表单存在之前就对其进行了绑定(bind)。将事件绑定(bind)到文档，并将表单选择器传递给 .on:

$(".r5").click(function(event){
    var data='<select name="sForum"><option value="1">bla</option></select>';
    $(this).parent().next('div').html('<form class="moveform">'+data+'<input type="submit" name="submit" class="movethisform" value="Move Thread" /></form>');
});
$(document).on("submit", "form.moveform", function(event){
    alert(1);
});