如何手動關閉桌面上的jquery-ui工具提示集，但在td上使用項目選擇器創建的工具提示選擇器

Question

我正在嘗試手動關閉工具提示。工具提示是使用items選項在表格上創建的，以選擇一些td。當td被點擊時，它應該關閉工具提示。這似乎並不奏效。

​​3210

如果我反而將工具提示添加到td的，那麼它的工作原理。

$(".thing").each(function (index) { 
    $(this).tooltip({ 
    items: ".thing", 
    content: "Thing" 
    }); 
}); 

$(".one").click(function (e) { 
    var td = $(e.target); 
    td.tooltip("close"); 
}); 

Here is a fiddle.點擊一個在撥弄不會關閉該提示，但點擊三呢。

不得不向每個td添加工具提示似乎是錯誤的，特別是當表格方法不是這個手動關閉問題時。那是我必須走的路線嗎？

Answer 1

在點擊事件中，您需要使用close和disable方法。需要注意的是，如果您希望稍後啓用它們。這是一種方法。

工作例如：https://jsfiddle.net/Twisty/hn4tqzrL/2/

的JavaScript

$(".one").click(function() { 
    console.log("Thing One clicked."); 
    $("#thingtable").tooltip("close").tooltip("disable"); 
    }).hover(function() { 
    $("#thingtable").tooltip("enable"); 
    }, function() { 
    $("#thingtable").tooltip("enable"); 
    }); 

利用的.hover()當鼠標在移動和出我們能夠發現並觸發enable方法。從技術上講，我們不需要對handlerIn函數採取任何行動。