放大彈出顯示標題點擊跨度

我在我的wordpress畫廊使用宏大的彈出窗口。但是我想，如果用戶點擊span元素（info），標題（.mfp-title）會淡入。我嘗試以下解決方案，但沒有將工作：放大彈出顯示標題點擊跨度

設置不透明度：0 .mfp標題，並添加一類具有不透明度：1，如果對信息用戶點擊：

jQuery(document).ready(function() { 
jQuery('.mfp-info').click(function(){ 
    jQuery('.mfp-title').toggleClass('title-active'); 
}); 
});

結果：沒有任何事情發生如果我的信息請點擊

CSS解決方案：

.mfp-title {opacity: 0;} 
.mfp-info:hover + .mfp-title{opacity: 1 !important;}

相同的結果，之前的解決方案（甚至顯示：無/塊）。

我也試過這個解決方案：

$(".mfp-info").hover(function() { 
$(this).find(".mfp-title").show(); 
} 

$('.mfp-title').mouseout(function() { 
$('.mfp-title').hide(); 
});

這些只是我想在最後幾天的13方案3中，將在其他項目或單個文件的工作，但不與莊重的彈出式組合。或者是不可能在大型彈出式元素上添加類？

編輯： 發現錯誤，如果你使用MagnificPopup腳本必須進入回調在MFP條件語句，因爲如果MFP停用網站的其餘部分是開放的。

來源

2015-07-04 preissy

試試你的第一次嘗試，但使用「開」和它應用到每一個具體如下：

jQuery(document).ready(function() { 
    jQuery('.mfp-info').on('click', function(){ 
     var title = $(this).next('.mfp-title'); 

     title.toggleClass('title-active'); 
    }); 
});

我很驚訝的CSS的解決方案沒有工作，雖然，你確定你的MFP-信息有地圖標題作爲直接下一個兄弟？

來源

2015-07-04 21:07:32

謝謝！我發現我的錯誤。我將jQuery用於在標題中顯示/隱藏標題，但它必須放入回調中，因爲如果MagnificPopup處於打開狀態，則網站的其餘部分將不會停用。 – preissy

放大彈出顯示標題點擊跨度

回答

相關問題