如何手动关闭桌面上的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函数采取任何行动。