动态内容不起作用的工具提示

Question

我有一个gridview，其中包含一个必须在单击时显示工具提示的字段。不知怎的，我的工具提示没有显示。以下是我的工具提示的代码：

if ($(this).find("Stock").text() == 'Y') {
    $("td", row).eq(7).html('<a href="#" class="tooltip7" id="' + codes + '"  style="text-decoration:none">Y</a>');
    $("#" + codes).live("click", function() {
        var du = 1000;
        console.log($("#" + codes).attr('id'));
        $("#" + codes).tooltip({
            content: '... waiting on ajax ...',
            // console.log(content);
            open: function (evt, ui) {
                var elem = $(this);
                var cd = codes;

                console.log(content);
                $.ajax({ 
                    type: "POST",
                    url: 'Default.aspx/getLastRequest',
                    data: { code1: cd }
                }).always(function (data, textStatus, errorThrown) {
                    elem.tooltip('option', 'content', data);
                });

                setTimeout(function() {
                    $(ui.tooltip).hide('destroy');
                }, du);
            },
            position: {
                my: "center bottom-20",
                at: "center top",
                using: function (position, feedback) {
                    $(this).css(position);
                    $("<div>")
                        .addClass("arrow")
                        .addClass(feedback.vertical)
                        .addClass(feedback.horizontal)
                        .appendTo(this);
                }
            }
        });
    });
}
else {
    $("td", row).eq(7).html($(this).find("Stock").text());
}

当我使用firebug进行调试时，我注意到没有发布任何值。但是，实时点击工作正常，console.log($("#" + codes).attr('id'));显示在控制台上单击的相应值。