jQuery，当鼠标悬停在图标上时打开一个对话框

Question

当鼠标悬停在图标上时，我需要打开一个对话框。可以在图标上打开此对话框。

当前，我使用事件.mouseenter和.mouseout。 问题在于，对话框在图标上打开时会触发事件.mouseout。

什么是最佳解决方案？

编辑：我的代码：

$(document).on("mouseenter", ".t_tun_exp_img", function() {
    let $img = $(this);

    let timeout = null;
    $img.mouseout(function() { clearTimeout(timeout); $img.off("mouseout"); });

    timeout = setTimeout(function() {
        $($img.data("explication")).dialog({
            width: 1000,
            dialogClass: "noTitleStuff",
            create: function() {
                let $dialog = $(this);
                $img.mouseout(function() {
                    $dialog.dialog("destroy");
                    $img.off("mouseout");
                });
            }
        });
    }, 500);
});

Answer 1

最简单的方法是在对话框中添加pointer-events: none;样式。

在您的情况下，它应该可以解决问题：

.noTitleStuff {
  pointer-events: none;
}