Странная проблема с Jquery Qtip, всплывающая подсказка не работает правильно после первого наведения мыши

Question

Может кто-нибудь сказать мне, что не так с моим кодом? В первый раз qtip работает нормально при наведении курсора мыши, но во второй раз он показывает 2 всплывающих подсказки: одну с тем, что у меня есть в атрибуте title, и другую поверх той, которая пуста.

$(document).ready(function() {
  $(".tooltip").bind('mouseover', function() {  
    $(this).qtip({
      overwrite: false,                 
      show: {
         ready: true
      }
    });  
  });   
});

Answer 1

Вам не нужно привязывать курсор мыши.это делает qtip.

$(document).ready(function () {
  $('.tooltip').qtip({
    overwrite: true,                 
    show: {
      ready: true
    }
  });
});

РЕДАКТИРОВАТЬ: Вы ничего не сказали о ajax.Так что это должно работать ( jsFiddle case );

$(document).ready(function() {
  $(".tooltip").bind('mouseover', function() {  
    var $this = $(this);
    if($this.data('qtip') == null) {
      $this.qtip({
        overwrite: true,                 
        show: {
          ready: true
        }
      });  
    }
  });
});

Answer 2

Попробуйте установить overwrite в true

Определяет, если при вызове метода .qtip () для элемента с уже присутствующим qTip, новый переопределяет (т.е. уничтожает)Старый.По умолчанию это true.

т.е. если установлено значение false, каждый qtip создается каждый mouseover.