javascript - 引用事件监听器中的工具提示以使其在悬停时保持打开状态

Question

发现自己处于一个有点奇怪的位置，我必须在所有工具提示的实例化中引用工具提示。

$('body').tooltip({
    selector: '[data-toggle="tooltip"]',
    html: true,
    animation: false,
}).on("mouseenter", function (e) {
    e.stopPropagation();
    var _this = e.target;
    $(_this).tooltip("show");
    $(".tooltip").on("mouseleave", function () {
        $(_this).tooltip('hide');
    });
}).on("mouseleave", function (e) {
    e.stopPropagation();
    var _this = e.target;
    setTimeout(function () {
        if (!$(".tooltip:hover").length) {
            $(_this).tooltip("hide");
        }
    }, 300);
});

话虽这么说，我怎样才能:

• 引用触发此 jQuery 调用的实际元素
• 当实际工具提示或生成工具提示的元素悬停在其上方时，保持工具提示打开吗？

这里是 JSFiddle 原型(prototype)的链接: https://jsfiddle.net/cwv57weu/8/

Answer 1

在“.on()”调用中，您可以向匿名函数添加“事件”参数。这将包含事件中的所有数据，包括触发事件的元素(它将被引用为“目标”)。

}).on("mouseenter", function (event) {
    $(event.target).tooltip("show");
})

事件参数包含大量数据，我会在匿名函数中通过 console.log(event) 来处理它，以了解您可以使用哪些数据。