Question

有谁能告诉我我的代码有什么问题？ qtip第一次在mouseover上运行正常，但是第二次它显示2个工具提示，一个是我在title属性中拥有的，另一个是在那个空的顶部。

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

Answer 1

尝试将overwrite设为true

确定在带有a的元素上调用.qtip（）方法时是否 qTip已经存在，新的一个覆盖（即破坏）旧的一。默认情况下这是真的。

即如果设置为false，则每个mouseover创建一个新的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
        }
      });  
    }
  });
});

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

2 个答案: