0

カーソルが要素に移動した場合、切り替えられた要素を表示したままにしようとしています。

私のコードは今です:

<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ます。

4

1 に答える 1

1

ホバーをinfoboxアイコンの代わりに変更すると、UIが簡素化されます。

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

表示されているよりも多くの要素があり、infobox他の要素が原因でこれが機能しない場合は、アイコンとコンテンツを別のdivでラップして、共通の親を共有し、ホバーをその共通の親にバインドします。

于 2013-03-10T13:13:02.560 に答える