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

Question

谁能告诉我我的代码有什么问题吗？第一次鼠标悬停时，qtip 工作正常，但第二次它显示 2 个工具提示，一个是我在标题属性中拥有的内容，另一个是在那个空的顶部。

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

Answer 1

尝试将 overwrite 设置为 true

确定是否在具有 a 的元素上调用 .qtip() 方法
qTip 已经存在，新的会覆盖（即销毁）旧的
一。默认情况下这是正确的。

即，如果设置为 false，则每次鼠标悬停时都会创建一个新的 qtip。

Answer 2

您不必绑定鼠标悬停。 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
        }
      });  
    }
  });
});