jquery - 使用 .on() 提交 jquery 表单

Question

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

我尝试了很多有和没有'on（）'的事情，但我未能让警报框显示'1'，所以我知道代码块实际上已执行..tbh我不明白我做错了什么，任何解释将不胜感激。提前致谢！

$(".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

您在表单存在之前绑定到它。将事件绑定到文档，并将表单选择器传递给.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);
});

Answer 2

你有没有尝试过

$("inout.movethisform").on("click",function(event){
    alert(1);
    $("form.moveform").submit();
});