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

时间:2017-08-02 08:15:02

标签: javascript jquery html css twitter-bootstrap

我使用jquery,bootstrap,fa,normalize和 jquery.multilevelpushmenu.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>

这是我尝试过的:

  1. 隔离到最小脚本/ JS-libs
  2. 尝试使用更具体的css选择器调用dest hover标记
  3. 这是完整方案的JSFiddle

    如何让它在onload上工作?

1 个答案:

答案 0 :(得分:1)

CSS 解决问题的方法是为元素提供较低的 z-index 。由于菜单容器重叠,这就是它无法正确定位元素的原因。

此代码应修复它。

.multilevelpushmenu_wrapper{
min-width: auto;
}