js绑定事件到动态生成的html

正常情况下绑定点击事件可能是这样的：

        //对class包含href_u的元素绑定点击事件
        $('.href_u').click(function(){
            alert(row);
        })

现在有一段动态生成的html，需要绑定事件

    function formatOperate(value, row, index){
        var html=["<a class=\"href_u\" href='${ctx}/fee/history.shtml'>历史记录</a>","<a href='#' >修改</a>"];
        return html.join('    ');
    }

用上面的方法就失效了，因为绑定事件的代码在执行的时候dom元素并没有生成，应该改为

        $(document).on('click','.href_u',function(){
        //对class包含href_u的元素绑定点击事件
            alert(row);
        })

$(document).on是把事件委托到了document上
$('#idname').on是把事件委托到了元素上面