javascript - jQuery .submit() 不适用于 javascript 生成的 html 表单

Question

我花了很长时间才弄清楚为什么 jQuery .submit() 无法识别提交。

HTML 表单(实际上是多个表单)已成功生成到一个 div 中，该 div 使用以下 javascript 函数附加到页面(这在 $(document).ready(function(){} 中调用):

function makeMenu(chambers,bins,values) {
    var htmlString = "";
    for(var i = 0; i < chambers.length; i++) {
        if(bins[i]) {
            var link = chambers[i] + " - " + bins[i];
            var p = values[i];
        }

        htmlString += "<form name='entity' id='entity' method='post' action=''>";
        htmlString += "<input type='submit' name='get_entity' id='to_php' value='" + link + "' class='text_button' title='value=" + p + "'>";
        htmlString += "<input type='hidden' name='tool' value='" + chambers[i] + "'/>";
        htmlString += "<input type = 'hidden' name='bin' value='" + bins[i] + "'/>";
        htmlString += "</form>";
    }

    $("#spacer").append("<div class='menu'>" + htmlString + "</div>");
}

提交表单后，我只是想收到一个要发布的警报，以表明提交已被识别，但它没有到达那里:

$(document).ready(function() {
    $('#entity').submit(function() {
        alert('Success!');
    });
 })

我尝试确保提交按钮没有将“提交”作为名称和 ID，并尝试只生成一个表单，但没有成功。非常感谢任何帮助。

Answer 1

尝试

$(document).ready(function() {
    $(document).on('submit','#entity',function() {
        alert('Success!');
    });
 })