多個jQuery UI工具提示

Question

我用d3.js創建商品市場的可縮放樹形圖，效果很好，但現在我試圖在每個鼠標單元格上顯示一個jQuery UI工具提示，然後隱藏（或銷燬或關閉）鼠標退出時的工具提示，並顯示另一個（或同一個工具提示，因爲我一次只顯示一個工具提示）。該代碼我寫的作品如預期在Chrome和Mozilla（見下圖），

，但是當我在IE 11測試工具提示依然存在，不要退出鼠標消失（見下圖）。

chart.selectAll("g.cell.child") 
    .enter() 
    .append("g") 
    .on("mouseenter", function (d) { 
    showToolTip(d, this); 
    }); 

function showToolTip (d, t) { 
    var htmlMarkup = ""; // Create some HTML to place in tooltip 
    $(t).tooltip({ items: t, content: htmlMarkup, close: function (event, ui) { 
    }, open: function (event, ui) { 
    }}); 
} 

我不知道，如果動態創建的提示是最好的方法，但由於它工作的大部分時間和快速的我以爲，直到我看到了它不能在IE瀏覽這是罰款。創建一個工具提示然後移動它並在需要時更改其內容的最佳方法是什麼？

Answer 1

淘網後，我能找到解決這個與下面的代碼：

$(".ui-tooltip").remove(); 

它可能不是最好的方法，但它適用於IE和Chrome。