javascript - 仅在表格第一页上显示工具提示

Question

您好，我有一个 Flexigrid 可以在我的网站上显示一些数据。每行都有一个超链接，当用户将鼠标悬停在其上时，会弹出一个包含更多信息的工具提示。然而，这仅适用于表格上的第一页，当我更改页面时，工具提示停止工作。我知道这是因为我使用了 document.ready 中的工具提示，但我不确定如何解决该问题。任何帮助，将不胜感激。我在工具提示中包含了一个 fiddle ，但是该表没有分页。请参阅fiddle我也包含了下面的代码。这在 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 内的内容时，您应该重新绑定(bind)事件处理程序，或者更容易地将 mouseenter 事件绑定(bind)到 #tblOrder 并使用详细的选择器。因此，不要使用您的代码 - 使用以下代码:

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