javascript - ページ内外で頻繁に AJAX 化される要素に属性を動的に追加します

Question

私はいくつかの Telerik ASP MVC グリッドを使用しており、データ行の SQL データベースを頻繁に AJAX で処理しています。最初に、ページが最初にロードされるとき、これらのグリッドは空です。データバインドが完了すると、4 種類のボタンが表示されます。それらにツールチップを追加したい。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.");
}

問題は、属性がまだあるかどうかを確認していないことです。これらは、ページ上にいくつかのグリッドにわたって数千あります。また、それらすべてが一度にデータ バインディング アクティビティを行うわけではありません。

すべてのグリッドにOnDataBoundaddToolTips()アクションを追加しました (8 つあると思います)。

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

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

データバインド前:

最終結果：