禁用自动关闭后，Jquery ui工具提示不会重新打开

Question

我有以下代码打开工具提示：

JavaScript的：

$(window).ready(function () {
            $('.tooltips').bind("mouseleave", function (event) {
                event.stopImmediatePropagation();
            }).tooltip({
                tooltipClass: "tooltip",
                position: {
                    my: "center bottom-20",
                    at: "center top",
                    using: function (position, feedback) {
                        $(this).css(position);
                        $("<div>")
                            .addClass("arrow")
                            .addClass(feedback.vertical)
                            .addClass(feedback.horizontal)
                            .appendTo(this);
                    }
                },
                content: function () {
                    return $(this).prop('title');
                }
            });
            $(document).on('click', 'span.close', function () {
                $(this).closest('.tooltip').hide();
            });
        });

HTML：

<p>Testing hover <a href="#" class="tooltips" title="<h4>TITLE<span class='close'>X</span></h4><p><strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>">tooltip</a></p>

小提琴： https ： //jsfiddle.net/e1wxzhg7/

现在，只有在单击span.close “按钮”时才关闭。 重新悬停工具提示触发器时没有任何反应。 我想这是因为event.stopImmediatePropagation(); 功能。

关闭后如何重新激活/重新启动工具提示？

Answer 1

问题是因为您使用display: none的CSS属性隐藏生成的工具提示HTML，因为您在其上调用hide() 。 这意味着它会再次被调用，但它是不可见的。 相反，您应该使用工具提示库的内置close选项。 尝试这个：

$(document).on('click', 'span.close', function () {
    $('.tooltips').tooltip('close');
});

示例小提琴