Jquery Qtip的奇怪问题，第一次鼠标悬停后工具提示无法正常工作

Question

Can anyone tell me whats wrong with my code? The qtip works ok on mouseover the first time, but the second time it shows 2 tooltips, one with what ever I have in the title attribute and another one on top of that one that's empty.

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

Answer 1

Try setting overwrite to true

Determines if, when the .qtip() method is called on an element with a qTip already present, the new one overrides (i.e. destroys) the old one. By default this is true.

ie if set to false, a new qtip is created each mouseover.