javascript - jQuery UI 工具提示 : Close on click on tooltip itself

Question

我有一个带有 jQ​​uery UI 工具提示的页面，该页面最初是打开的，它在 mouseout 事件上的关闭被禁用。

现在，我希望工具提示在用户点击它本身后关闭，而不是在显示工具提示的元素上关闭(就像这里的许多其他答案一样)。

作为可能的解决方案之一，我认为我可以将 click 处理程序添加到工具提示的 div 并从那里关闭它。但是我找不到使用工具提示小部件 API 获取工具提示的 div 或以其他方式附加处理程序的标准方法。

我采用上述方法是否正确？或者如何以不同的方式实现我所追求的目标？

JSFiddle 说明我目前拥有的内容。

Answer 1

我找到了一个相对简单的解决方案，无需通过在工具提示的 open 事件中附加一个 click 处理程序并在那里关闭工具提示来破解 Tooltip API:

$('.first')
    .tooltip({
         content: 'Click to close',
         position: { my: 'left center', at: 'right center' },
         items: '*'

         open: function (event, ui) {
             var $element = $(event.target);
             ui.tooltip.click(function () {
                 $element.tooltip('close');
             });
         },
    })
    .tooltip('open')
    .on('mouseout focusout', function(event) {
        event.stopImmediatePropagation();
    });

JSFiddle