jquery 为什么悬停后,在小侧栏上方,出现了大的标志,但当我移开光标时,小标志却没有出现

k2arahey  于 2023-04-29  发布在  jQuery
关注(0)|答案(1)|浏览(82)

我有两个标志,一个小标志和一个大标志的 Jmeter 板上,但我遇到了一个问题,当我悬停在小侧栏,大标志出现,但如果你删除光标大标志不会消失。
我希望它消失,然后小标志再次出现对不起我的糟糕的英语

<div class="sidebar">
    <a href="#" class="sidebar-brand px-3">
       <img src="assets/img/large-logo.png" class="large-logo d-none">
       <img src="assets/img/small-logo.png" class="small-logo">
    </a>
</div>

Jquery

$(document).on('mouseover', function(e) {
        e.stopPropagation();
        if($('.large-logo').hasClass('d-none')) {
            var targ = $(e.target).closest('.sidebar').length;
            if(targ) {
                $('.large-logo').removeClass('d-none');
                $('.small-logo').addClass('d-none');
            }
            else
            {
                $('.small-logo').removeClass('d-none');
                $('.large-logo').addClass('d-none');
            }
            return false;
        }
    });
m0rkklqb

m0rkklqb1#

您要求在鼠标悬停和鼠标离开时执行操作。在鼠标上方显示大徽标,在鼠标左侧显示小徽标。

$(document).on('mouseleave', function(e) {}

此外,如果你只有鼠标操作特定于这些图标,建议请这样做

$(#elementId).on(<action>, function(e) {}

相关问题