Question

如果将光标移动到元素，我试图保持切换元素可见。

我的代码现在是：

<div class="infobox">
    <i class="icon-info-sign"></i>
    <div class="infobox_content" style="display: none;">
        Content
    </div>
</div>

使用此JavaScript / jQuery

$("div.infobox i.icon-info-sign").hover(
    function () {
        $(this).parent().find(".infobox_content").stop(true).show("slow");
    },
    function (e) {
        $(this).parent().find(".infobox_content").stop(true).hide("slow");
    }
);

如何检测光标是否已移至.infobox_content？如果是这样，我需要让元素保持打开状态，只有在.infobox_content之外再次隐藏它。

Answer 1

将悬停更改为infobox而不是其中的图标应简化用户界面。

$("div.infobox").hover(
    function () {
        $(this).find(".infobox_content").stop(true).show("slow");
    },
    function (e) {
        $(this).find(".infobox_content").stop(true).hide("slow");
    }
);

如果infobox中的元素多于显示的元素，并且由于其他元素而无法生效，请将图标和内容包装在另一个div中，以便它们共享一个共同的父级并将鼠标悬停到共同的父母

如果光标在打开的元素内，则保持元素打开

1 个答案: