javascript - 为经常在页面上和页面外获得 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();
}

数据绑定前：

最终结果：