动态地将属性添加到经常在页面上和页面外获取AJAX的元素

Question

我正在使用几个Telerik ASP MVC网格，它们经常使用AJAX作为数据行的SQL数据库。最初，当页面首次加载时，这些网格是空的。数据绑定完成后，会出现四种类型的按钮。我想为他们添加一个工具提示。我正在使用以下脚本进行OnDataBound操作：

function addToolTips() {
    // jquery to add hover tooltips to elements
        $(".t-edit").attr("title", "Edit this record.");
        $(".t-delete").attr("title", "Delete this record.");
        $(".t-update").attr("title", "Save changes.");
        $(".t-cancel").attr("title", "Cancel changes.");
}

问题是：它还没有检查它是否具有该属性。在几个网格的页面上有数千个。并非所有人都会同时拥有数据绑定活动。

我已将addToolTips()附加到OnDataBound操作以所有网格（我认为有8个）。

.ClientEvents(events => events.OnDataBinding("InvoiceGrid_onDataBinding")
                            .OnDataBound("InvoiceGrid_onDataBound"))

function InflowsGrid_onDataBound() {
    $("#InflowGrid").unblock();
    addToolTips();
}

数据绑定之前： img http://i50.tinypic.com/iel8b4.png

最终结果：

end result http://i48.tinypic.com/24w6a9v.png