工具提示仅在表格的第一页上

Question

嗨，我有一个flexigrid可以在我的网站上显示一些数据。 每行都有一个超链接，当用户将鼠标悬停在该行上时，它会弹出一个包含更多信息的工具提示。 但是，这仅适用于表格的第一页，当我更改页面时，工具提示将停止工作。 我知道这是因为我使用document.ready中的工具提示，但是不确定如何解决该问题。 任何帮助，将不胜感激。 我为工具提示提供了小提琴，但是表格没有分页。 参见小提琴我也包括下面的代码。 这在document.ready中称为

    function tooltip(){
           $('#tblOrder tr td a').on('mouseenter', function(event) {

                var id = $('#tblOrder tr[id*="row"]').attr('id').substr(3);

                $(this).qtip({        
                    content: {
                    text: 'Loading.....',
                    ajax: {
                        url: '<%=Url.Action("Alarms") %>',
                        type: 'POST',
                        data: {id: id},
                        success: function (data, status) {
                            this.set('content.text', data);
                        },
                        error: function (xhr) {
                            console.log(xhr.responseText);                  
                                }
                            }
                        },
                        show: {
                            event: event.type,
                            ready: true,
                        effect: function () {
                            $(this).slideDown();
                            }
                        },
                        hide: {
                            effect: function () {
                         $(this).slideUp();
         }
     }

 }, event);

});
};

Answer 1

当您在#tblOrder内部更新内容时，应该重新绑定事件处理程序，甚至更容易将#tblOrder事件绑定到#tblOrder并使用详细的选择器过滤事件回调。 因此，请使用以下代码代替您的代码：

$('#tblOrder').on('mouseenter', 'tr td a', function(event) {