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

Question

Привет, у меня есть flexigrid для отображения некоторых данных на моем сайте. Каждая строка имеет гиперссылку, которая, когда пользователь нависает над ней, поднимает подсказку, содержащую больше информации. Однако это работает только для первой страницы на столе, когда я меняю страницы, подсказки инструментов перестают работать. Я знаю, это потому, что я использую подсказки инструмента в документе. Уже, но я не уверен, как решить проблему. любая помощь будет оценена по достоинству. Я включил скрипку для подсказок инструмента, однако в таблице нет разбиения на страницы. См. Также код 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) {