jQuery的淡入切換忽明忽暗（使用WordPress）

我創建一個WordPress的博客，並使用我已經選擇查看下面的共享圖標「很簡單的Facebook Twitter分享按鈕（http://wordpress.org/extend/plugins/really-simple-facebook-twitter-share-buttons/）jQuery的淡入切換忽明忽暗（使用WordPress）

在設置，後，我有一個入門頁腳。該插件實際上將圖標放置在入口頁腳的上方，所以我必須絕對放置它們並將它們向下移動。

我想要一個隱藏圖標的效果，然後當用戶將鼠標懸停在共享文本上（或輸入頁腳本身）時，圖標顯示爲淡入/淡出效果。我已經將所有這些排序，但當用戶將鼠標懸停在圖標上時，圖標絕對定位，共享文本上的顏色淡化並且圖標閃爍。我在共享和輸入頁腳處添加了填充，所以如果用戶在此附近的任何地方輸入鼠標，圖標就會出現，但是當用戶瀏覽圖標時，顯然jQuery認爲他們已經離開了這個區域並且正在淡出。如果有人能幫助我解決這個問題，我將不勝感激。

下面是支持的代碼：

的jQuery：

$(document).ready(function() { 
    $('.entry-footer').mouseover(function() { 
    $('.really_simple_share').fadeToggle(400); 
    }); 
});

CSS：

.entry-footer a{ 
    height:88px; 
} 

h1.share a{ 
    padding:30px 560px 40px 30px; 
    float:left; 
} 

.entry-footer a:hover { 
    color:#79b74c; 
} 

.really_simple_share { 
    position:absolute; 
    margin:44px 0px 0px 140px; 
    display:none; 
}

我也張貼在這裏就與上圖標的問題一個問題成爲帖子的頂部和底部，並且不能在頁腳內移動：http://wordpress.org/support/topic/social-icons-showing-twice-in-posts?replies=1#post-3994811

來源

2013-03-20 Shimsham84

當您將鼠標懸停在對象上時觸發淡入淡出效果。這意味着如果你的鼠標停留在它上面，它將保持不變。

嘗試

$(document).ready(function() { 
    $('.entry-footer').hover(function() { 
    $('.really_simple_share').fadeIn(400); 
    }, 
    function(){ 
    $('.really_simple_share').fadeOut(400); 
    }); 
});

來源

2013-03-20 11:28:22

不幸的使情況變得更糟:(。我已經試過懸停的mouseenter /鼠標懸停ect.I有一個暗示，它是作爲社會圖標置於在ENTR英尺，因爲它們是沒有嵌入到這個文件中（我帖子底部的鏈接當前是問是否有這樣的插件的方法）。謝謝你的回答，雖然。 – Shimsham84 2013-03-20 11:38:36

我修復了一半class（入門頁腳）在jQuery中共享，共享文本的顏色現在不會閃爍 – Shimsham84 2013-03-20 11:46:44

您可能會發布您的HTML，否則我無法做任何事情。 – 2013-03-20 12:00:42

jQuery的淡入切換忽明忽暗（使用WordPress）

回答

相關問題