Всплывающие подсказки Jquery не работают после сортировки столбца таблицы

Question

Я пытаюсь получить информацию от API, который будет заполнять мою подсказку. Первоначально все работает отлично. Но как только я сортирую таблицу, подсказки больше не заполняются соответствующими ответами AJAX. Для записи таблица представляет собой таблицу данных Jquery (с разбивкой по страницам и разрешением). Подсказки взяты из библиотеки JQuery UI. Любой вклад или помощь будет принята с благодарностью. Спасибо!

Я попытался установить всплывающую подсказку внутри функции и пытался вызывать ее каждый раз при изменении таблицы. Кроме того, я также пытался запускать функцию каждый раз после того, как новая таблица составлена ​​после сортировки или разбиения на страницы. Но, похоже, ничего не работает.

function toolTipper() {
            $(document).ready(function () {
               console.log($("#showData th").length);
               $("#showData th").hover(function(){
                    // initialize tooltip
                    $("#showData th").tooltip({
                        track: true,
                        show: "slideDown",
                        open: function (event, ui) {
                            var id = this.id;
                            console.log(id);
                            $.ajax({
                                url: 'URL Where my tool tip info is...',
                                type: 'post',
                                data: { col_name: id },
                                success: function (response) {
                                    console.log(response)
                                    if (response.features[0].properties.info_url == '') {
                                        var urlMessage = ".Currently No Further Information Available Regarding the Column"
                                    }
                                    else {
                                        var urlMessage = " Read More about the Column name  <a href=" + response.features[0].properties.info_url + " target='_blank'> <b><u>here</u></b></a>"
                                    }
                                    $("#" + id).tooltip('option', 'content', response.features[0].properties.descriptn + urlMessage);
                                }
                            });
                        },
                        close: function (event, ui) {
                            ui.tooltip.hover(
                                function () {
                                    $(this).stop(true).fadeTo(500, 1);
                                    $(this).removeAttr('title');
                                },
                                function () {
                                    $(this).fadeOut("200", function () {
                                        $(this).remove();
                                        $(this).removeAttr('title');
                                    })
                                });
                        },
                    });                
                    $("#showData th").mouseout(function () {
                        $(this).attr('title', 'Please wait...');
                        $(this).tooltip();
                        $('.ui-tooltip').fadeOut(500);
                    });
                });

            });
        }

Я хочу, чтобы подсказки были постоянно доступны, несмотря на сортировку столбцов и разбиение на страницы. Как только я сортирую конкретную колонку, подсказка инструмента застревает на «Пожалуйста, подождите ..». Я хочу показать информацию, как я мог, когда страница загружается.