Question

这里的小提琴，代码很简单：

$('.tt').on({
  "click": function() {
    $(this).tooltip();
    $(this).tooltip("open");
  },
  "mouseout": function() {      
     $(this).tooltip("disable");   
  }
});

然后是div

<div class="tt" title="my title">Test</div>

<div class="tt" title="my title3">Test</div>

因此，如果我更改chrome上的标签然后再切换标签，我的工具提示将无法正常工作，只有最后一个，第一个赢了...（您可以在jsfiddle上重现）任何想法是什么导致的？

Answer 1

尝试使用.tooltip('close')代替.tooltip('disable')。我相信这就是为什么它在mouseout之后不再有效。

要解决您的评论问题，请尝试点击功能，检查是否已停用，如果是，请重新启用。

$('.tt').on({
  "click": function() {
    $(this).tooltip();
    if ($(this).tooltip('option', 'disabled')) {
        $(this).tooltip('enable');
    }
    $(this).tooltip("open");
  },
  "mouseout": function() {      
     $(this).tooltip("disable");   
  }
});

jQueryUI tooltip docs

Answer 2

所以在Michael回答之后我确实发现问题出在.tooltip('disable')所以我在.tooltip('enable')附近插入了.tooltip('open') 它现在继续工作。我不知道这是否是解决问题的最佳方法，但它对我有用。

更改chrome选项卡后，jQuery ToolTip停止工作

2 个答案: