Question

您好我有一个flexigrid在我的网站上显示一些数据。每行都有一个超链接，当用户将鼠标悬停在其上时会显示包含更多信息的工具提示。但是这仅适用于桌面上的第一页，当我更改页面时，工具提示停止工作。我知道这是因为我使用document.ready中的工具提示，但我不确定如何解决问题。任何帮助，将不胜感激。我已经为工具提示添加了一个小提琴，但表格没有分页。请参阅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内的内容时，您应该重新绑定事件处理程序，甚至可以更轻松地将mouseenter事件绑定到#tblOrder，并使用详细的选择器过滤事件回调。所以代替你的代码 - 使用它：

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

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

1 个答案: