Javascript 在multilevelpushmenu第一次切换之后调用悬停触发器

我使用jquery、bootstrap、fa、normalize和jquery.multi-levelpushmenu.js v2.1.4来提供多级别的侧菜单，我尝试将悬停操作与该菜单相结合，并在第一个切换菜单之后调用悬停，以前从未见过这种行为

<script>
$(document).ready(function () {

    $('.content gallery-item').hover(function () {
        $(this).find('.content  img-title').fadeIn(300);
    }, function () {
        $(this).find('.content .img-title').fadeOut(0);
    });

});
</script>

$（文档）.ready（函数（）{
$（'.content gallery项'）。悬停（函数（）{
$（this.find（'.content img title'）.fadeIn（300）；
}，函数（）{
$（this.find（'.content.img title'）.fadeOut（0）；
});
});

以下是我尝试过的：

隔离到最小脚本/JS库

尝试使用更具体的css选择器调用dest hover标记

这是完整场景的第一步

---

如何使其在加载时工作？

CSS解决此问题的方法是给元素一个较低的z-index。由于菜单容器与它重叠，因此它无法正确地定位元素

这段代码应该可以修复它

.multilevelpushmenu_wrapper{
min-width: auto;
}

---

你面临的问题是什么？我拿不到它。你的意思是你想在加载时打开菜单？@hunzaboy，我希望悬停在加载时起作用，而不是取决于我切换菜单后“如果你查看我链接的JSFIDLE，你会发现它在我首先切换菜单之前不起作用。我不知道为什么。你指的是菜单项上的鼠标悬停？当您切换时项目的显示方式哦，确定，现在可以：）您正在引用内容区域中的项目。请检查我的答案。我的意思是再次检查侧菜单。如果它解决了您的问题，请选择它作为答案。：）@shdr，100%的宽度与内容重叠。它不需要100%的宽度。