2017-08-02 33 views
2

使用jQuery,引導,FA,標準化和jquery.multilevelpushmenu.js v2.1.4提供側菜單多層次,我特林結合懸停操作與該菜單後稱爲懸停觸發,以及剛剛在第一個切換菜單之後的懸停調用,之前從未看到過這種行爲。只是multilevelpushmenu第一撥動

<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-庫
  2. 試圖打電話到dest懸停標籤更具體的CSS選擇器

這是完整場景的JSFiddle

我該如何讓它工作onload?

+0

您面臨的問題是什麼?我無法得到它。你的意思是你想打開加載菜單? – Aslam

+1

@hunzaboy,我想懸停工作onload不依賴於我切換菜單'如果你看JSFiddle我鏈接你會發現它不工作,直到我先切換菜單。我不知道爲什麼。 – shdr

+0

你指的是菜單項上的懸停?當您切換 – Aslam

回答

1

CSS修復問題的方法是給元素一個較低的值z-index。由於菜單容器重疊,這就是爲什麼它無法正確定位元素。

此代碼應該修復它。

.multilevelpushmenu_wrapper{ 
min-width: auto; 
} 
+0

然後菜單盤旋不起作用。 – shdr

+0

它的工作非常好。 https://jsfiddle.net/dk15842z/1/ – Aslam

+0

我的意思是再次檢查菜單 – shdr