如何在页面加载后动态生成的DOM对象上激发事件

当页面的一部分加载了动态创建的按钮时，我很难激活相关的JavaScript/jQuery事件。如何解决此问题？解决这个问题的最佳方法是什么？

这是基于我在现实生活中遇到的麻烦。

我有这个函数来调用php函数，用Ajax在页面中生成一个新的动态创建分页部分。

function loadData(page){
        $.ajax({
            type: "POST",
            url: ".../get_Scorewithagination.php",
            data: 'page='+page+'&testID='+testID+'&testDate='+testDate+'&empPass='+empPass+'&courseCode='+courseCode,
            success: function(msg){
                $('#testInfo').empty();
                $(document).ajaxComplete(function(event, request, settings){
                    loading_hide();
                    $("#resultBox").html(msg); to #resultBox
                });
                $('.iconpoint_orange').click(function() {
                    btnNames = $(this).attr("name").split("_");
                    $.post('.../getInfo.php', {testresult: btnNames[1]}, ShowTestInfo); 
                });
                // Collapse row on delete
                $('.iconpoint_blue').click(function() {
                    alert();
                    rowName = this.name;
                    rowID = '#' + rowName;
                    $(this).closest('tr').children('td').addClass("row_hover");
                    $("#dialog_confirm").html("Are you sure you want to delete this?");
                    $("#dialog_confirm").dialog({
                          buttons : {
                        "Delete" : function() { 
                        $(rowID).closest('tr').animate({opacity: 0},500).slideUp(300);
                        setTimeout(function() {$(rowID).closest('tr').empty().remove();} ,3000);
                        $(this).dialog("close");
                        },
                        "Cancel" : function() {
                        $(rowID).closest('tr').children('td').removeClass("row_hover");
                        $(this).dialog("close");
                        }
                          }
                    });
                $("#dialog_confirm").dialog("open"); // Show dialog box
                });
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) { 
                        alert("Error: " + errorThrown); 
                        $('#testInfo').html("<br'>Status: " + textStatus +"<br'>Error: " + errorThrown);
                           $('#testInfo').addClass("errorRed");

            }       
        });//$.ajax() END
    }//loadData(page) END

但问题是这两个按钮

.iconpoint_blue

和

.iconpoint_orange

在我用Ajax调用的php文件动态生成行之后，无法调用响应。

我知道Ajax返回的html代码在文档完成之初不会被JavaScript扫描，因为它是稍后完成的，因此，我动态创建的按钮不会响应函数，即使它是正确的选择器#。

我想要动态生成的按钮和现有函数的选择器用于每条记录，是否能够回调页面加载时加载的函数？