JQuery UI工具提示 - 在ajax调用后，不透明度被破坏。

Question

我在jQuery UI工具提示中遇到以下问题：

有时当有一个ajax调用时，UI工具提示中的某些内容会挂起，从而制动不透明处理程序。

一个场景：我有一个项目清单，其中一些可能会冷却，当这个冷却完成后，库存会重新加载。

重新加载此广告资源时，工具提示会再次应用（原因是将它们应用于广告资源中的新项目。）

有时会发生什么是工具提示停止工作，并且它们在DOM中遇到不透明度：0。以下屏幕截图＆gt;

这导致没有其他工具提示工作，但是任何应该改变不透明度的东西（任何fadeIn，fadeOut等事件）都会被破坏。

这个问题可能是我在每次ajax调用后重新应用工具提示吗？

有没有办法在document.ready上为所有未来元素应用工具提示？（或许以某种方式使用.on（）？）

了解问题的屏幕截图如下：

如果我在控制台中评论不透明度。

它会显示工具提示，但仍然无法正常工作。

我使用工具提示的代码。

// In the done() function of the ajax call I just call
_startTooltips();

// Which does this
function _startTooltip(){

 $('.item').tooltip({
    show:{
        delay:600
        },
    items: ".item",
    content : function(){

            var element = $(this);

            if(element.is('.item')){

                return element.children('.item-tltp').html();

            }

        },
    position:{
        my: "center bottom-20",
        at: "center top",
    },
    track: true

 })
}

Answer 1

没有jsfiddle来重现（我知道很难隔离你的场景）不容易找出原因，但作为一个“远射”，我会尝试在重新创建之前删除工具提示。

$('.item').tooltip('destroy');

$('.item').tooltip({...});