Question

当我创建表单时，它不会运行“$（'form'）。submit（function（）...”
我知道jQuery工作得不好，也不明白这个问题按照一个真实的例子。

<script>
$(document).ready(function(){
    $('form').submit( function()
    {
        alert( 123 );
    });


    $('#btn').click( function()
    {
        $('#result').html('<form action="#" method="post"><button>send</button></form>');
    });
});
</script>

<div id="btn">btn</div>

// alert no work
<div id="result"></div>

// alert work
<form action="#" method="post" name="checker"><button>send</button></form>

谢谢

Answer 1

如果在分配事件处理程序后添加了表单，它应该如何工作？

在创建表单后分配事件处理程序：

$(document).ready(function(){
    $('#btn').click( function()
    {
        $('#result').html('<form action="#" method="post"><button>send</button></form>');

        $('form').submit( function()
        {
            alert( 123 );
        });
    });
});

shoudl工作，但它不漂亮。更好地重写整个事情，做关于如何很好地修改DOM树的讲座（使用jQuery或不使用它）

使用jQuery构建时，表单不起作用

1 个答案: