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

时间:2014-02-05 02:15:23

标签: jquery forms events

当我创建表单时,它不会运行“$('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>

谢谢

1 个答案:

答案 0 :(得分: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或不使用它)