javascript - 如何从动态 html 结果执行 javascript 函数？ jQuery

Question

请看一下这段代码 -

当我单击 myLink 时，我会看到一个模式对话框窗口，其中显示了如下定义的 html。该 html 包含一个按钮(id=test_button)，当我单击该按钮时，我想要执行 ajax 请求。但它不起作用。因此，为了测试它，我只是做了一个警报，但它也不起作用。

还可以从 test_button 单击函数中更新现有的 dom 元素值(仅填充表单)。

感谢您的帮助。

$('#myLink').click(function(event) {
    event.preventDefault();
    $('<div id="iContainer">Test: <input type="text" value="" id="test_text" /> 
        <input type="button" id="test_button" value="click" /></div>').appendTo('body');        
    $("#iContainer").dialog({                   
        width: 600,
        modal: true,
        close: function(event, ui) {
            $("#iContainer").remove();
            }
        });
    });
    $('#test_button').click(function() {
        alert('I am in Alert');
        //alert($('#test_text').val());
    });

Answer 1

尝试使用 Events/live :

$('#test_button').live("click", function(){
  alert('test');
});